make tablet breakpoints into mobile breakpoints

chukarave · chukarave · commit 1813e56730f4 · 2024-01-16T12:28:44.000+01:00
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
@@ -109,7 +109,7 @@ li {
 .store > header {
     flex-direction: row;
 
-    @media (max-width: $max-width-breakpoint-tablet) {
+    @media (max-width: $max-width-breakpoint-mobile) {
         flex-direction: column-reverse;
     }
 
@@ -129,7 +129,7 @@ li {
             vertical-align: middle;
         }
 
-        @media (max-width: $max-width-breakpoint-tablet) {
+        @media (max-width: $max-width-breakpoint-mobile) {
             margin-bottom: 1rem;
         }
     }
@@ -228,7 +228,7 @@ dl.import-meta dd:not(:last-child) {
 
 dl.import-meta .download-csv {
     float: right;
-    @media(max-width: $max-width-breakpoint-tablet){
+    @media(max-width: $max-width-breakpoint-mobile){
         float: none;
         padding-block-end: 0;
         margin-block-end: 1em;
@@ -281,7 +281,7 @@ dl.import-meta .download-csv {
         }
 
         &:focus {
-            box-shadow: $box-shadow-inset-small $box-shadow-color-progressive--focus $box-shadow-inset-medium $box-shadow-color-inverted;
+            box-shadow: $box-shadow-inset-small $box-shadow-color-progressive--focus, $box-shadow-inset-medium $box-shadow-color-inverted;
             border-color: $border-color-progressive--focus;
             background-color: $background-color-progressive;
         }
@@ -335,12 +335,12 @@ dl.import-meta .download-csv {
 
     &.right {
         justify-content: flex-end;
-        @media (max-width: $max-width-breakpoint-tablet) {
+        @media (max-width: $max-width-breakpoint-mobile) {
             justify-content: flex-start;
          }
     }
 
-    @media (max-width: $max-width-breakpoint-tablet) {
+    @media (max-width: $max-width-breakpoint-mobile) {
        justify-content: flex-start;
     }
 }
@@ -389,7 +389,7 @@ dl.import-meta .download-csv {
     }
 
     .button {
-        @media (max-width: $max-width-breakpoint-tablet) {
+        @media (max-width: $max-width-breakpoint-mobile) {
             width: 100%;
             text-align: center;
         }

Original file line number	Diff line number	Diff line change
`@@ -109,7 +109,7 @@ li {`
`109`	`109`	`.store > header {`
`110`	`110`	`flex-direction: row;`
`111`	`111`
`112`		`- @media (max-width: $max-width-breakpoint-tablet) {`
	`112`	`+ @media (max-width: $max-width-breakpoint-mobile) {`
`113`	`113`	`flex-direction: column-reverse;`
`114`	`114`	`}`
`115`	`115`
`@@ -129,7 +129,7 @@ li {`
`129`	`129`	`vertical-align: middle;`
`130`	`130`	`}`
`131`	`131`
`132`		`- @media (max-width: $max-width-breakpoint-tablet) {`
	`132`	`+ @media (max-width: $max-width-breakpoint-mobile) {`
`133`	`133`	`margin-bottom: 1rem;`
`134`	`134`	`}`
`135`	`135`	`}`
`@@ -228,7 +228,7 @@ dl.import-meta dd:not(:last-child) {`
`228`	`228`
`229`	`229`	`dl.import-meta .download-csv {`
`230`	`230`	`float: right;`
`231`		`- @media(max-width: $max-width-breakpoint-tablet){`
	`231`	`+ @media(max-width: $max-width-breakpoint-mobile){`
`232`	`232`	`float: none;`
`233`	`233`	`padding-block-end: 0;`
`234`	`234`	`margin-block-end: 1em;`
`@@ -281,7 +281,7 @@ dl.import-meta .download-csv {`
`281`	`281`	`}`
`282`	`282`
`283`	`283`	`&:focus {`
`284`		`- box-shadow: $box-shadow-inset-small $box-shadow-color-progressive--focus $box-shadow-inset-medium $box-shadow-color-inverted;`
	`284`	`+ box-shadow: $box-shadow-inset-small $box-shadow-color-progressive--focus, $box-shadow-inset-medium $box-shadow-color-inverted;`
`285`	`285`	`border-color: $border-color-progressive--focus;`
`286`	`286`	`background-color: $background-color-progressive;`
`287`	`287`	`}`
`@@ -335,12 +335,12 @@ dl.import-meta .download-csv {`
`335`	`335`
`336`	`336`	`&.right {`
`337`	`337`	`justify-content: flex-end;`
`338`		`- @media (max-width: $max-width-breakpoint-tablet) {`
	`338`	`+ @media (max-width: $max-width-breakpoint-mobile) {`
`339`	`339`	`justify-content: flex-start;`
`340`	`340`	`}`
`341`	`341`	`}`
`342`	`342`
`343`		`- @media (max-width: $max-width-breakpoint-tablet) {`
	`343`	`+ @media (max-width: $max-width-breakpoint-mobile) {`
`344`	`344`	`justify-content: flex-start;`
`345`	`345`	`}`
`346`	`346`	`}`
`@@ -389,7 +389,7 @@ dl.import-meta .download-csv {`
`389`	`389`	`}`
`390`	`390`
`391`	`391`	`.button {`
`392`		`- @media (max-width: $max-width-breakpoint-tablet) {`
	`392`	`+ @media (max-width: $max-width-breakpoint-mobile) {`
`393`	`393`	`width: 100%;`
`394`	`394`	`text-align: center;`
`395`	`395`	`}`