From f2ac1557a45ffdadb6ae7e49f599a56479179d70 Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Sat, 4 May 2024 01:05:38 +0200
Subject: [PATCH] Fix icon & heading sizes in popup

---
 src/csui/src/popup/panels/PopupVideoSettings.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/csui/src/popup/panels/PopupVideoSettings.vue b/src/csui/src/popup/panels/PopupVideoSettings.vue
index dc829ae..2829d65 100644
--- a/src/csui/src/popup/panels/PopupVideoSettings.vue
+++ b/src/csui/src/popup/panels/PopupVideoSettings.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="flex flex-column" style="padding-bottom: 20px">
     <div class="flex flex-row">
-      <mdicon name="crop" :size="32" />
-      <h3>Crop video:</h3>
+      <mdicon name="crop" :size="24" />&nbsp;&nbsp;
+      <h1>Crop video:</h1>
     </div>
 
     <CropOptionsPanel
@@ -15,8 +15,8 @@
     </CropOptionsPanel>
 
     <div class="flex flex-row">
-      <mdicon name="crop" :size="32" />
-      <h3>Stretch video:</h3>
+      <mdicon name="crop" :size="24" />&nbsp;&nbsp;
+      <h1>Stretch video:</h1>
     </div>
 
     <StretchOptionsPanel
@@ -28,8 +28,8 @@
     ></StretchOptionsPanel>
 
     <div class="flex flex-row">
-      <mdicon name="crop" :size="32" />
-      <h3>Zoom:</h3>
+      <mdicon name="crop" :size="24" />&nbsp;&nbsp;
+      <h1>Zoom:</h1>
     </div>
 
     <ZoomOptionsPanel
@@ -42,8 +42,8 @@
     </ZoomOptionsPanel>
 
     <div class="flex flex-row">
-      <mdicon name="crop" :size="32" />
-      <h3>Video alignment:</h3>
+      <mdicon name="crop" :size="24" />&nbsp;&nbsp;
+      <h1>Video alignment:</h1>
     </div>
 
     <div class="flex flex-row">