style(pages): add size for mobile view

hyfydistro · hyfydistro · commit 3ee51d6b2314 · 2024-02-28T20:48:04.000+07:00
diff --git a/src/pages/UseTool/Options/FileNameEdits/FileNameEdits.scss b/src/pages/UseTool/Options/FileNameEdits/FileNameEdits.scss
@@ -21,6 +21,11 @@
         font-size: $font-base-desktop;
         line-height: $line-height-body;
         margin-bottom: $space-half-desktop;
+
+        @include mq-small {
+          font-size: $font-base-mobile;
+          margin-left: $space-half-mobile;
+        }
       }
     }
 
diff --git a/src/pages/UseTool/Options/Options.scss b/src/pages/UseTool/Options/Options.scss
@@ -4,6 +4,10 @@
 .info-heading {
   font-weight: bold;
   margin-bottom: $space-half-desktop;
+
+  @include mq-small {
+    margin-bottom: $space-half-mobile;
+  }
 }
 
 .info-content {
@@ -14,6 +18,10 @@
   p {
     margin-top: 0;
     margin-bottom: $space-half-desktop;
+
+    @include mq-small {
+      margin-bottom: $space-half-mobile;
+    }
   }
 }
 
@@ -22,6 +30,11 @@
   height: 20px;
   margin-top: $space-quarter-desktop;
   margin-right: $space-half-desktop;
+
+  @include mq-small {
+    margin-top: $space-quarter-mobile;
+    margin-right: $space-half-mobile;
+  }
 }
 
 .options-header {
diff --git a/src/pages/UseTool/Options/Squash/Squash.scss b/src/pages/UseTool/Options/Squash/Squash.scss
@@ -21,6 +21,11 @@
         font-size: $font-base-desktop;
         line-height: $line-height-body;
         margin-bottom: $space-half-desktop;
+
+        @include mq-small {
+          font-size: $font-base-mobile;
+          margin-bottom: $space-half-mobile;
+        }
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,11 @@`
`21`	`21`	`font-size: $font-base-desktop;`
`22`	`22`	`line-height: $line-height-body;`
`23`	`23`	`margin-bottom: $space-half-desktop;`
	`24`	`+`
	`25`	`+ @include mq-small {`
	`26`	`+ font-size: $font-base-mobile;`
	`27`	`+ margin-left: $space-half-mobile;`
	`28`	`+ }`
`24`	`29`	`}`
`25`	`30`	`}`
`26`	`31`