💎 adjust function button style

bptlab · May 24, 2024 · 59ee554 · 59ee554
1 parent 5a283e4
commit 59ee554
Showing 1 changed file with 16 additions and 19 deletions.
diff --git a/tracex_project/tracex/static/tracex/css/styles.css b/tracex_project/tracex/static/tracex/css/styles.css
@@ -9,6 +9,7 @@
 }
 
 .menu_button, input[type="submit"].button {
+    width: 100%;
     margin-top: 15px;
     padding: 10px;
     background-color: #f0f0f0;
@@ -25,20 +26,30 @@
 }
 
 .function_button {
+    width: 100%;
     margin-top: 15px;
     padding: 10px;
-    background-color: #007bff; /* Distinct background color */
-    border: 1px solid #0056b3; /* Slightly darker border */
-    border-radius: 5px; /* Consistent border-radius */
+    background-color: rgba(0, 123, 255, 0.7);
+    border: 1px solid rgba(0, 92, 191, 0.7);
+    border-radius: 5px;
     color: white; /* White text color */
     font-family: 'Gill Sans', sans-serif;
     cursor: pointer;
     transition: background-color 0.3s ease, transform 0.3s ease;
 }
 
 .function_button:hover {
-    background-color: #0056b3; /* Darker blue on hover */
-    transform: scale(1.05); /* Slight scale effect on hover */
+    background-color: rgba(0, 86, 179, 0.8);
+    transform: scale(1.05);
+}
+
+.button-container {
+    display: flex;
+    gap: 10px;
+}
+
+.button-container a {
+    flex: 1;
 }
 
 
@@ -231,20 +242,6 @@ form #id_name {
     height: auto;
 }
 
-/* DATABASE RESULTS STYLING */
-.button-container {
-    display: flex;
-    gap: 10px;
-}
-
-.button-container a {
-    flex: 1;
-}
-
-.menu_button {
-    width: 100%;
-}
-
 /* METRICS DASHBOARD STYLING */
 .dashboard {
     display: flex;