satus - Attempt fixing

code-charity · Nov 15, 2024 · e313e06 · e313e06
1 parent 9388443
commit e313e06
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 24 deletions.
diff --git a/menu/satus.css b/menu/satus.css
@@ -680,10 +680,8 @@ As our Syntax markup isnt read for <textarea>, is it?
 --------------------------------------------------------------*/
 
 .satus-section {
-    display: grid;
+    display: flex;
     flex-wrap: wrap;
-    grid-template-columns: repeat(3, 1fr);
-    grid-row-gap: 8px;
 }
 
 
@@ -762,9 +760,9 @@ As our Syntax markup isnt read for <textarea>, is it?
 
 .satus-section--card>[class^='satus']:not(.satus-list):not(.satus-section) {
 	display: flex;
+	flex-direction: column;
 
 	min-height: 48px;
-	padding: 8px 12px;
 
 	transition: background-color .18s cubic-bezier(.25, .8, .5, 1);
 	text-align: left;
@@ -1148,26 +1146,21 @@ As our Syntax markup isnt read for <textarea>, is it?
 --------------------------------------------------------------*/
 
 .satus-button {
-	font: inherit;
-
-	position: relative;
-
+    font: inherit;
 	display: inline-flex;
-	overflow: hidden;
-
-	height: 36px;
-	padding: 8px;
-
-	transition: background-color .3s cubic-bezier(.25, .8, .5, 1);
+	align-items: center;
+    overflow: hidden;
+    height: 36px;
+    padding: 8px;
 
-	color: inherit;
-	border: none;
-	border-radius: 6px;
-	outline: none;
-	background: transparent;
+    transition: background-color .3s cubic-bezier(.25, .8, .5, 1);
 
-	appearance: none;
-	align-items: center;
+    color: inherit;
+    border: none;
+    border-radius: 6px;
+    outline: none;
+    background: transparent;
+    appearance: none;
 }
 
 .satus-button:hover {

diff --git a/menu/styles/home.css b/menu/styles/home.css
@@ -1,21 +1,32 @@
 /*--------------------------------------------------------------
 >>> HOME:
 ----------------------------------------------------------------
+# Section
 # Buttons
 --------------------------------------------------------------*/
 
+/*--------------------------------------------------------------
+# SECTION
+--------------------------------------------------------------*/
+
+.satus-section--home {
+    display: grid;
+    flex-wrap: wrap;
+
+    grid-template-columns: repeat(3, 1fr);
+    grid-row-gap: 8px;
+}
+
 /*--------------------------------------------------------------
 # BUTTONS
 --------------------------------------------------------------*/
 
 .satus-section--home .satus-button {
 	display: flex;
 	flex-direction: column;
+    align-items: center;
 
-	width: calc(100% / 3);
 	height: unset;
-	margin: 8px 0 0;
-	padding: 8px 0;
 }
 
 .satus-base:not([improvedtube-home='list'])[page] .satus-section--home .satus-button {