Align RoomSummaryCard styles with Figma

Signed-off-by: Michael Telatynski <[email protected]>

Author: t3chguy

res/css/views/right_panel/_RoomSummaryCard.pcss

@@ -15,6 +15,9 @@ limitations under the License.
 */
 
 .mx_RoomSummaryCard {
+    --cpd-separator-inset: var(--cpd-space-4x);
+    --cpd-separator-spacing: var(--cpd-space-4x);
+
     .mx_RoomSummaryCard_container {
         text-align: center;
         margin: $spacing-20 var(--cpd-space-4x) 0;

src/components/views/right_panel/RoomSummaryCard.tsx

@@ -571,16 +571,14 @@ const RoomSummaryCard: React.FC<IProps> = ({
                     // XXX: https://github.com/element-hq/compound/issues/288
                     onSelect={() => {}}
                 />
+                <Separator />
                 <MenuItem
                     Icon={UserAddIcon}
                     label={_t("action|invite")}
                     disabled={!canInviteToState}
                     onSelect={() => inviteToRoom(room)}
                 />
                 <MenuItem Icon={LinkIcon} label={_t("action|copy_link")} onSelect={onShareRoomClick} />
-                <MenuItem Icon={SettingsIcon} label={_t("common|settings")} onSelect={onRoomSettingsClick} />
-
-                <Separator />
                 {!isVideoRoom && (
                     <>
                         <MenuItem Icon={FilesIcon} label={_t("right_panel|files_button")} onSelect={onRoomFilesClick} />
@@ -600,16 +598,18 @@ const RoomSummaryCard: React.FC<IProps> = ({
                                 </Text>
                             </MenuItem>
                         )}
-                        <MenuItem
-                            Icon={ExportArchiveIcon}
-                            label={_t("export_chat|title")}
-                            onSelect={onRoomExportClick}
-                        />
                     </>
                 )}
 
                 <Separator />
 
+                {!isVideoRoom && (
+                    <MenuItem Icon={ExportArchiveIcon} label={_t("export_chat|title")} onSelect={onRoomExportClick} />
+                )}
+
+                <MenuItem Icon={SettingsIcon} label={_t("common|settings")} onSelect={onRoomSettingsClick} />
+
+                <Separator />
                 <MenuItem
                     Icon={LeaveIcon}
                     kind="critical"

src/i18n/strings/en_EN.json

@@ -1869,7 +1869,7 @@
             "view_in_timeline": "View poll in timeline",
             "view_poll": "View poll"
         },
-        "polls_button": "Poll history",
+        "polls_button": "Polls",
         "room_summary_card": {
             "title": "Room info"
         },