Add top padding to EventTilePreview loader (#8977)

Signed-off-by: Suguru Hirahara <[email protected]>

Author: luixxiul

res/css/views/elements/_EventTilePreview.scss

@@ -14,6 +14,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_FontScalingPanel_preview.mx_EventTilePreview_loader {
-    padding: 9px 0;
+.mx_FontScalingPanel {
+    .mx_FontScalingPanel_preview.mx_EventTilePreview_loader {
+        padding: var(--FontScalingPanel_preview-padding-block) 0;
+    }
 }

res/css/views/settings/_FontScalingPanel.scss

@@ -23,9 +23,11 @@ limitations under the License.
     }
 
     .mx_FontScalingPanel_preview {
+        --FontScalingPanel_preview-padding-block: 9px;
+
         border: 1px solid $quinary-content;
         border-radius: 10px;
-        padding: 0 $spacing-16 9px $spacing-16;
+        padding: 0 $spacing-16 var(--FontScalingPanel_preview-padding-block) $spacing-16;
         pointer-events: none;
         display: flow-root;