frontend link fix

app/sovran_systemsos_web/static/style.css

@@ -537,8 +537,8 @@ button.btn-reboot:hover:not(:disabled) {
   border: 1px solid var(--border-color);
   border-radius: 16px;
   width: 90vw;
-  max-width: 520px;
+  max-width: 700px;
-  max-height: 80vh;
+  max-height: 85vh;
   display: flex;
   flex-direction: column;
   box-shadow: 0 16px 48px rgba(0,0,0,0.7);
@@ -553,12 +553,12 @@ button.btn-reboot:hover:not(:disabled) {
 .creds-header {
   display: flex;
   align-items: center;
-  padding: 16px 20px;
+  padding: 20px 28px;
   border-bottom: 1px solid var(--border-color);
 }
 
 .creds-title {
-  font-size: 1rem;
+  font-size: 1.15rem;
   font-weight: 700;
   flex: 1;
 }
@@ -566,7 +566,7 @@ button.btn-reboot:hover:not(:disabled) {
 .creds-close-btn {
   background: none;
   color: var(--text-secondary);
-  font-size: 1.1rem;
+  font-size: 1.3rem;
   padding: 4px 8px;
   border-radius: 6px;
   cursor: pointer;
@@ -579,7 +579,7 @@ button.btn-reboot:hover:not(:disabled) {
 }
 
 .creds-body {
-  padding: 16px 20px;
+  padding: 24px 28px;
   overflow-y: auto;
 }
 
@@ -590,7 +590,7 @@ button.btn-reboot:hover:not(:disabled) {
 }
 
 .creds-row {
-  margin-bottom: 14px;
+  margin-bottom: 20px;
 }
 
 .creds-row:last-child {
@@ -598,47 +598,47 @@ button.btn-reboot:hover:not(:disabled) {
 }
 
 .creds-label {
-  font-size: 0.72rem;
+  font-size: 0.78rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.06em;
   color: var(--text-dim);
-  margin-bottom: 4px;
+  margin-bottom: 6px;
 }
 
 .creds-value-wrap {
   display: flex;
   align-items: flex-start;
-  gap: 8px;
+  gap: 10px;
 }
 
 .creds-value {
   flex: 1;
   font-family: 'JetBrains Mono', 'Fira Code', 'Source Code Pro', monospace;
-  font-size: 0.82rem;
+  font-size: 0.92rem;
-  color: var(--accent-color);
+  color: var(--text-primary);
   background-color: #12121c;
-  padding: 8px 12px;
+  padding: 12px 16px;
   border-radius: 8px;
   word-break: break-all;
   white-space: pre-wrap;
-  line-height: 1.5;
+  line-height: 1.6;
   border: 1px solid var(--border-color);
 }
 
 .creds-copy-btn {
   background-color: var(--border-color);
   color: var(--text-primary);
-  font-size: 0.72rem;
+  font-size: 0.78rem;
   font-weight: 600;
-  padding: 6px 10px;
+  padding: 8px 14px;
   border-radius: 6px;
   cursor: pointer;
   border: none;
   white-space: nowrap;
   flex-shrink: 0;
   align-self: flex-start;
-  margin-top: 6px;
+  margin-top: 10px;
 }
 
 .creds-copy-btn:hover {
@@ -657,6 +657,19 @@ button.btn-reboot:hover:not(:disabled) {
   font-size: 0.88rem;
 }
 
+/* ── Credential links ────────────────────────────────────────────── */
+
+.creds-link {
+  color: #b8f0c0;
+  text-decoration: none;
+  word-break: break-all;
+}
+
+.creds-link:hover {
+  text-decoration: underline;
+  color: #defce6;
+}
+
 /* ── Reboot overlay ─────────────────────────────────────────────── */
 
 .reboot-overlay {
@@ -780,7 +793,7 @@ button.btn-reboot:hover:not(:disabled) {
     justify-content: center;
   }
   .service-tile {
- :   width: 160px;
+    width: 160px;
     min-height: 200px;
   }
   .reboot-card {
@@ -790,16 +803,4 @@ button.btn-reboot:hover:not(:disabled) {
   .creds-dialog {
     margin: 0 12px;
   }
-
-/* ── Credential links ─────────────────────────────────────── */
-.creds-link {
-  color: #7ee787;
-  text-decoration: none;
-  word-break: break-all;
-}
-.creds-link:hover {
-  text-decoration: underline;
-  color: #a5f0b0;
-}
-
 }