Update app.py

app.py

@@ -224,16 +224,25 @@ textarea {
     padding: 10px;
 }
 
-/* Individual tab styling */
+/* Tab container styling */
+.nav-tabs {
+    display: flex;
+    justify-content: space-around;
+    background-color: #333;
+    border-bottom: 1px solid #fff;
+    padding: 10px;
+}
+
+/* Inactive tab styling */
 .nav-tabs .nav-item {
     font-size: 1em;
     color: #ffffff; /* Inactive tabs in white */
     padding: 10px 20px;
     cursor: pointer;
-    transition: color 0.3s, transform 0.3s;
     font-weight: 500;
+    transition: color 0.3s, border-color 0.3s;
     border: 2px solid transparent; /* Transparent border for inactive tabs */
-    border-radius: 5px; /* Rounded edges */
+    border-radius: 8px; /* Rounded edges for tabs */
 }
 
 /* Hover effect on tabs */
@@ -243,10 +252,12 @@ textarea {
 
 /* Active tab styling with green border */
 .nav-tabs .nav-item.active {
-    color: #00FF00; /* Green color for active tab text */
-    border: 2px solid #00FF00; /* Green border for active tab */
+    color: #00FF00 !important; /* Green text color for active tab */
+    border: 2px solid #00FF00 !important; /* Green border for active tab */
     font-weight: 700;
     background-color: rgba(0, 255, 0, 0.1); /* Light green background for active tab */
+    border-radius: 8px; /* Rounded border for active tab */
+    padding: 8px 18px; /* Adjust padding to fit within border */
 }