Fix forwarding UI papercuts (#8482)

Author: SimonBrandner

res/css/views/dialogs/_ForwardDialog.scss

@@ -85,6 +85,10 @@ limitations under the License.
                 margin-top: 24px;
             }
 
+            .mx_ForwardList_resultsList {
+                padding-right: 8px;
+            }
+
             .mx_ForwardList_entry {
                 display: flex;
                 justify-content: space-between;

src/components/views/dialogs/ForwardDialog.tsx

@@ -131,7 +131,7 @@ const Entry: React.FC<IEntryProps> = ({ room, type, content, matrixClient: cli,
         <AccessibleTooltipButton
             className="mx_ForwardList_roomButton"
             onClick={jumpToRoom}
-            title={_t("Open link")}
+            title={_t("Open room")}
             yOffset={-20}
             alignment={Alignment.Top}
         >
@@ -261,6 +261,7 @@ const ForwardDialog: React.FC<IProps> = ({ matrixClient: cli, event, permalinkCr
                 { rooms.length > 0 ? (
                     <div className="mx_ForwardList_results">
                         <TruncatedList
+                            className="mx_ForwardList_resultsList"
                             truncateAt={truncateAt}
                             createOverflowElement={overflowTile}
                             getChildren={(start, end) => rooms.slice(start, end).map(room =>

src/i18n/strings/en_EN.json

@@ -2555,7 +2555,7 @@
     "You don't have permission to do this": "You don't have permission to do this",
     "Sending": "Sending",
     "Sent": "Sent",
-    "Open link": "Open link",
+    "Open room": "Open room",
     "Send": "Send",
     "Forward message": "Forward message",
     "Message preview": "Message preview",