From 7dfd1c38f4c25b66a5dbe94bea471b8b113def68 Mon Sep 17 00:00:00 2001
From: Silky-Thrower <silkythrower@gmail.com>
Date: Wed, 24 Apr 2024 12:09:04 +0200
Subject: [PATCH] Adjustments Css

css Fix
---
 src/components/shared/CalibrationDwarf.tsx | 16 ++++++++--------
 src/styles/globals.css                     | 16 ++++++++++++++++
 src/styles/modal.css                       |  4 ++--
 src/styles/style.min.css                   |  1 +
 4 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/components/shared/CalibrationDwarf.tsx b/src/components/shared/CalibrationDwarf.tsx
index 08cc8fe..a9cc476 100644
--- a/src/components/shared/CalibrationDwarf.tsx
+++ b/src/components/shared/CalibrationDwarf.tsx
@@ -190,8 +190,8 @@ export default function CalibrationDwarf() {
         <button
           className={`btn ${
             connectionCtx.connectionStatus
-              ? "btn-more02 btn-2lines"
-              : "btn-more02 btn-2lines"
+              ? "btn-more02"
+              : "btn-more02"
           } me-4 mt-3`}
           onClick={RingLightsOffFn}
           disabled={!connectionCtx.connectionStatus}
@@ -206,8 +206,8 @@ export default function CalibrationDwarf() {
         <button
           className={`btn ${
             connectionCtx.connectionStatus
-              ? "btn-more03 btn-2lines"
-              : "btn-more03 btn-2lines"
+              ? "btn-more03"
+              : "btn-more03"
           } me-4 mt-3`}
           onClick={RingLightsOnFn}
           disabled={!connectionCtx.connectionStatus}
@@ -225,8 +225,8 @@ export default function CalibrationDwarf() {
         <button
           className={`btn ${
             connectionCtx.connectionStatus
-              ? "btn-more02 btn-2lines"
-              : "btn-more02 btn-2lines"
+              ? "btn-more02"
+              : "btn-more02"
           } me-4 mt-3`}
           onClick={PowerLightsOffFn}
           disabled={
@@ -244,8 +244,8 @@ export default function CalibrationDwarf() {
         <button
           className={`btn ${
             connectionCtx.connectionStatus
-              ? "btn-more03 btn-2lines"
-              : "btn-more03 btn-2lines"
+              ? "btn-more03"
+              : "btn-more03"
           } me-4 mt-3`}
           onClick={PowerLightsOnFn}
           disabled={
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 653fb64..2e63505 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -876,6 +876,22 @@ img {
             margin-top: 0px; /* Add some spacing between button and other elements */
         }
 }
+@media (max-width: 768px) {
+    /* Adjusting column widths for small screens */
+    .col-sm-1,
+    .col-sm-3,
+    .col-sm-4 {
+        flex: 0 0 auto;
+        max-width: none;
+    }
+
+    /* Adjusting margin for buttons on small screens */
+    button {
+        margin-top: 0.5rem;
+        margin-right: 0.5rem;
+    }
+}
+
 .footer {
     position: fixed;
     bottom: 0;
diff --git a/src/styles/modal.css b/src/styles/modal.css
index 5e942af..bcea332 100644
--- a/src/styles/modal.css
+++ b/src/styles/modal.css
@@ -73,8 +73,8 @@
 }
 
 .btn {
-    height: 40px;
-    border-radius: 0;
+    height: 50px;
+    border-radius: 5px;
     // focus &:focus, &:active, &:active:focus
 
 {
diff --git a/src/styles/style.min.css b/src/styles/style.min.css
index fbf6459..a561b71 100644
--- a/src/styles/style.min.css
+++ b/src/styles/style.min.css
@@ -785,6 +785,7 @@ footer .colm-footer h5 {
 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
     color: #fff;
     background-color: #00AE83;
+    height: fit-content;
 }
 .mb-2 {
     margin-bottom: .5rem !important;