Merge pull request #284 from OpenStackweb/zed-button-fix

yoshwaaa · web-flow · commit ecb231394334 · 2022-10-05T14:06:39.000-04:00
Updated homepage css for mobile button fix
diff --git a/themes/openstack/scss/home-page.scss b/themes/openstack/scss/home-page.scss
@@ -1553,13 +1553,24 @@ a.anniversary-btn:hover, a.anniversary-btn:focus {
       flex-direction: column;
 
       .ussuri-btn {
-        width: 50%;
+        width: 385px;
         margin: 0 auto 15px;
       }
     }
   }
 }
 
+@media (max-width: 450px) {
+  .section-ussuri {
+
+    .ussuri-btn-wrapper {
+      .ussuri-btn {
+        width: 320px;
+      }
+    }
+  }
+}
+
 /*End Ussuri Section*/
 
 /*Spotlight Section*/

Original file line number	Diff line number	Diff line change
`@@ -1553,13 +1553,24 @@ a.anniversary-btn:hover, a.anniversary-btn:focus {`
`1553`	`1553`	`flex-direction: column;`
`1554`	`1554`
`1555`	`1555`	`.ussuri-btn {`
`1556`		`- width: 50%;`
	`1556`	`+ width: 385px;`
`1557`	`1557`	`margin: 0 auto 15px;`
`1558`	`1558`	`}`
`1559`	`1559`	`}`
`1560`	`1560`	`}`
`1561`	`1561`	`}`
`1562`	`1562`
	`1563`	`+@media (max-width: 450px) {`
	`1564`	`+ .section-ussuri {`
	`1565`	`+`
	`1566`	`+ .ussuri-btn-wrapper {`
	`1567`	`+ .ussuri-btn {`
	`1568`	`+ width: 320px;`
	`1569`	`+ }`
	`1570`	`+ }`
	`1571`	`+ }`
	`1572`	`+}`
	`1573`	`+`
`1563`	`1574`	`/End Ussuri Section/`
`1564`	`1575`
`1565`	`1576`	`/Spotlight Section/`