CSS tweaks

app.py

@@ -198,7 +198,7 @@ CSS = """
     padding-left: 8px !important;
     padding-right: 8px !important;
 }
-.gradio-container.light .gr-button-primary {
+.gradio-container .gr-button-primary {
     background: linear-gradient(180deg, #CDF9BE 0%, #AFF497 100%);
     border: 1px solid #B0DCCC;
     border-radius: 8px;
@@ -210,6 +210,31 @@ CSS = """
     border-radius: 8px;
     color: #1B8700
 }
+
+table.gr-samples-table tr td {
+    border: none;
+    outline: none;
+}
+
+table.gr-samples-table tr td:first-of-type {
+    width: 0%;
+}
+
+div#short-upload-box div.absolute {
+    display: none !important;
+}
+
+gradio-app > div > div > div > div.w-full > div, .gradio-app > div > div > div > div.w-full > div {
+    gap: 0px 2%;
+}
+
+gradio-app div div div div.w-full, .gradio-app div div div div.w-full {
+    gap: 0px;
+}
+
+gradio-app h2, .gradio-app h2 {
+    padding-top: 10px;
+}
 """
 
 with gr.Blocks(css=CSS) as demo:
@@ -245,7 +270,7 @@ with gr.Blocks(css=CSS) as demo:
                 submit = gr.Button("Get")
             gr.Markdown("— or —")
             upload = gr.File(
-                label=" - or -", interactive=True, elem_id="short-upload-box"
+                label=None, interactive=True, elem_id="short-upload-box"
             )
             gr.Examples(
                 examples=examples,