small changes

javascript/black-teal-reimagined.css

@@ -216,6 +216,7 @@ input[type='range']::-moz-range-track {
 
 ::-webkit-scrollbar-track {
   background: var(--scrollbar-bg);
+  border-radius: var(--radius-lg);
 }
 
 ::-webkit-scrollbar-thumb {
@@ -234,11 +235,14 @@ input[type='range']::-moz-range-track {
   /* Center items vertically */
   background: var(--background-color);
   /* Background color */
-  border-bottom: 3px solid var(--highlight-color) !important;
+  border-bottom: 1px dashed var(--highlight-color) !important;
   /* Bottom border for separation */
   box-shadow: var(--shadow-md);
   /* Shadow for depth */
   margin-bottom: 5px;
+  /* Add some space between the tab nav and the content */
+  padding-bottom: 5px;
+  /* Add space between buttons and border */
 }
 
 /* Individual Tab Styles */
@@ -395,6 +399,7 @@ div.form {
   border-bottom: 3px solid var(--highlight-color);
   padding: 3px;
   border-radius: var(--radius-md);
+  margin: 1px;
 }
 
 /* Gradio Style Classes */
@@ -772,12 +777,6 @@ svg.feather.feather-image,
 
 /* Extra Networks Container */
 #extra_networks_root {
-  width: 300px;
-  /* Set a fixed width for the sidebar */
-  position: absolute;
-  height: auto;
-  right: 0;
-  top: 13em;
   z-index: 100;
   background: var(--background-color);
   box-shadow: var(--shadow-md);
@@ -797,15 +796,6 @@ svg.feather.feather-image,
 /* Extra Networks Styles */
 .extra-networks {
   background: var(--background-color);
-  padding: var(--block-label-padding);
-  border-radius: var(--radius-lg);
-}
-
-/* Extra Networks Div Styles */
-.extra-networks>div {
-  margin: 0;
-  border-bottom: none !important;
-  gap: 0.3em 0;
 }
 
 .extra-networks .tab-nav>button:hover {
@@ -822,32 +812,10 @@ svg.feather.feather-image,
   margin-top: 50px;
 }
 
-/* Individual Buttons */
-.extra-networks .buttons>button {
-  margin-left: -0.2em;
-  height: 1.4em;
-  color: var(--primary-300) !important;
-  font-size: 20px !important;
-  background: var(--button-primary-background-fill);
-  border: none;
-  border-radius: var(--radius-sm);
-  transition: var(--transition);
-}
-
 .extra-networks .buttons>button:hover {
   background: var(--highlight-color);
 }
 
-/* Subdirectories Styles */
-.extra-network-subdirs {
-  background: var(--input-background-fill);
-  overflow-x: hidden;
-  overflow-y: auto;
-  min-width: 120px;
-  padding-top: 0.5em;
-  margin-top: -4px !important;
-}
-
 /* Extra Networks Page */
 .extra-networks-page {
   display: flex;