From e313e06c3b9ba2e9adc0118cdc50616924c2019f Mon Sep 17 00:00:00 2001
From: 4yman <170770027+4yman-0@users.noreply.github.com>
Date: Fri, 15 Nov 2024 11:36:44 +0100
Subject: [PATCH] satus - Attempt fixing

---
 menu/satus.css       | 35 ++++++++++++++---------------------
 menu/styles/home.css | 17 ++++++++++++++---
 2 files changed, 28 insertions(+), 24 deletions(-)

diff --git a/menu/satus.css b/menu/satus.css
index ca054c598..ac546f712 100644
--- 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
index 54c4520f2..da2dd4fb0 100644
--- a/menu/styles/home.css
+++ b/menu/styles/home.css
@@ -1,9 +1,22 @@
 /*--------------------------------------------------------------
 >>> HOME:
 ----------------------------------------------------------------
+# Section
 # Buttons
 --------------------------------------------------------------*/
 
+/*--------------------------------------------------------------
+# SECTION
+--------------------------------------------------------------*/
+
+.satus-section--home {
+    display: grid;
+    flex-wrap: wrap;
+
+    grid-template-columns: repeat(3, 1fr);
+    grid-row-gap: 8px;
+}
+
 /*--------------------------------------------------------------
 # BUTTONS
 --------------------------------------------------------------*/
@@ -11,11 +24,9 @@
 .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 {