Keep gr.Row horizontal in cards; fit icon grid to column; allow popups to overflow

app.py

@@ -229,21 +229,22 @@ gradio-app, gradio-app > .gradio-container, gradio-app > div {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 12px;
   width: 100%;
-  max-width: 360px;
-  margin: 0 auto;
+  margin: 0;
+  box-sizing: border-box;
 }
 .icon-link {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
-  padding: 16px 14px;
+  padding: 14px 10px;
   border-radius: 16px;
   text-decoration: none !important;
   color: #1d4ed8 !important;
   background: #ffffff;
   font-weight: 600;
-  font-size: 16px;
+  font-size: 15px;
+  white-space: nowrap;
   border: 1px solid rgba(191,219,254,0.7);
   box-shadow: 0 1px 2px rgba(15,39,68,0.03), 0 10px 28px rgba(37,99,235,0.07);
   transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
@@ -308,6 +309,8 @@ gradio-app, gradio-app > .gradio-container, gradio-app > div {
   --panel-background-fill: transparent;
   --panel-border-width: 0px;
   --background-fill-secondary: transparent;
+  /* Allow dropdown popups / overflowing content to escape the card. */
+  overflow: visible !important;
 }
 .section-card .block,
 .section-card .form,
@@ -319,22 +322,36 @@ gradio-app, gradio-app > .gradio-container, gradio-app > div {
 .section-card .gradio-slider,
 .section-card .gradio-textbox,
 .section-card .gradio-markdown,
-.section-card .gradio-code,
-.section-card > div > div,
-.section-card > div > div > div {
+.section-card .gradio-code {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
-  padding: 0 !important;
+  overflow: visible !important;
 }
-/* Re-add tasteful spacing inside a card (we just stripped padding above). */
+
+/* Auto-form (consecutive form components) needs to lay its kids out vertically. */
 .section-card .form,
-.section-card .gr-form,
-.section-card > div > div {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
+.section-card .gr-form {
+  display: flex !important;
+  flex-direction: column !important;
+  gap: 14px !important;
+}
+
+/* gr.Row must STAY horizontal even inside a section-card (Run / Stop / Clear). */
+[class*="gradio-container"] .section-card .row,
+[class*="gradio-container"] .section-card [class*="row"] {
+  display: flex !important;
+  flex-direction: row !important;
+  flex-wrap: wrap !important;
+  gap: 10px !important;
+}
+.action-row {
+  display: flex !important;
+  flex-direction: row !important;
+  gap: 10px !important;
+  margin-top: 12px;
+}
+.action-row > * { flex: 1 1 0; min-width: 0; }
 
 /* Direct children of a card get vertical rhythm without extra chrome. */
 .section-card > * + * { margin-top: 14px; }