diff --git a/api/index.html b/api/index.html index 9d93f24..066384c 100644 --- a/api/index.html +++ b/api/index.html @@ -15,7 +15,7 @@ --font-family: "Courier New", Courier, monospace; --border-radius: 15px; --border-width: 3px; - + /* Floating Tab Variables (8) */ --tab-bg-logged-out: #ffffff; --tab-bg-logged-in: #ffffff; @@ -169,10 +169,11 @@ } .config-table { - border: var(--border-width) solid var(--primary-color); + border: 1px solid var(--primary-color); border-radius: var(--border-radius); width: 100%; - border-collapse: collapse; + border-collapse: separate; + border-spacing: 0; margin: 10px 0; overflow: hidden; } @@ -183,6 +184,12 @@ padding: 8px; text-align: left; font-family: var(--font-family); + font-size: 10px; + } + + .config-table-container { + overflow-x: auto; + max-width: 100%; } .config-table th { @@ -425,16 +432,17 @@ transition: all 0.2s ease; } - /* Two-Column Layout */ - .two-column-layout { + /* Main Sections Wrapper */ + .main-sections-wrapper { display: flex; + flex-wrap: wrap; gap: var(--border-width); margin-bottom: 20px; } - .column { + .flex-section { flex: 1; - min-width: 300px; /* Ensure columns are at least 300px wide */ + min-width: 300px; } @media (max-width: 700px) { @@ -453,12 +461,6 @@ h2 { font-size: 14px; } - - /* Stack columns vertically on screens smaller than 700px */ - .two-column-layout { - flex-direction: column; - gap: 20px; - } } @@ -466,24 +468,25 @@

C-RELAY ADMIN API

- -
-
- -