updated Panel implementation

src/myfasthtml/assets/myfasthtml.css

@@ -439,7 +439,7 @@
     flex: 1;
     overflow: auto;
     background-color: var(--color-base-100);
-    padding: 1rem;
+    padding: 0.5rem;
     border-top: 1px solid var(--color-border-primary);
 }
 
@@ -673,6 +673,7 @@
     height: 100%;
     overflow: auto;
     transition: width 0.3s ease, min-width 0.3s ease, max-width 0.3s ease;
+    padding-top: 25px;
 }
 
 /* Left panel specific */
@@ -683,6 +684,7 @@
 /* Right panel specific */
 .mf-panel-right {
     border-left: 1px solid var(--color-border-primary);
+    padding-left: 0.5rem;
 }
 
 .mf-panel-main {
@@ -700,6 +702,7 @@
     max-width: 0;
     overflow: hidden;
     border: none;
+    padding: 0;
 }
 
 /* No transition during manual resize - common for both panels */
@@ -712,10 +715,10 @@
 .mf-panel-hide-icon,
 .mf-panel-show-icon {
     position: absolute;
-    top: 0.5rem;
+    top: 0;
+    right: 0;
     cursor: pointer;
     z-index: 10;
-    padding: 0.25rem;
     border-radius: 0.25rem;
 }
 
@@ -724,11 +727,6 @@
     background-color: var(--color-bg-hover, rgba(0, 0, 0, 0.05));
 }
 
-/* Hide icon always on the right */
-.mf-panel-hide-icon {
-    right: 0.5rem;
-}
-
 /* Show icon positioning */
 .mf-panel-show-icon-left {
     left: 0.5rem;