From 5bfdf2a06affd1eadf326abcc5fcfb0641cec8b9 Mon Sep 17 00:00:00 2001
From: Ignacio Rivero <igna@netpaws.cc>
Date: Mon, 23 Jun 2025 16:47:38 -0300
Subject: [PATCH] Fixed more CSS

---
 app.py | 101 +++++++++++++++++++++++++++++++++------------------------
 1 file changed, 59 insertions(+), 42 deletions(-)

diff --git a/app.py b/app.py
index ab72a65..2916de9 100644
--- a/app.py
+++ b/app.py
@@ -99,7 +99,7 @@ HTML_FORM = '''
     background: #181c1f;
     color: #eee;
     font-size: 1.06rem;
-    margin-bottom: 1.5em;
+    margin-bottom: 1em;
     resize: vertical;
     font-family: 'DejaVu Sans Mono', 'Fira Mono', 'monospace';
     box-sizing: border-box;
@@ -171,47 +171,14 @@ HTML_FORM = '''
     box-shadow: 0 0 8px #22000690;
   }
 
-  @media (max-width: 1000px) {  
-      body {
-        font-size: 1.28em !important;  /* Big bump */
-      }
-      h2, h3, h4 {
-        font-size: 2em !important;
-      }
+  label {
+    font-size: 1em;
+    margin-left: 1em;
+  }
 
-    .centered-flex {
-      flex-direction: column;
-      align-items: center;
-      height: auto;
-      gap: 1.6em;
-    }
-
-    .form-card,
-    .preview-card,
-    .markdown-ref {
-      font-size: 1.18em !important;
-      min-width: auto;
-      max-width: 90vw;
-      width: 100%;
-      margin: 0.8em 0;
-    }
-    
-    textarea {
-      font-size: 1.16em !important;
-      padding: 1em;
-      min-height: 12em;
-    }
-    .status-msg {
-      font-size: 1.25em !important;
-      padding: 0.8em 1.6em;
-    }
-    button[type=submit] {
-      font-size: 1.3em !important;
-      padding: 0.9em 2.2em;
-    }
-    input[type=file] {
-      font-size: 1.16em !important;
-    }
+  input[type=file] {
+    margin: 0.5em 1em 1.5em 1em;
+  }
 
   input[type=file]::file-selector-button {
     background: linear-gradient(90deg, #8ee3c1, #35a7ff);
@@ -268,11 +235,60 @@ HTML_FORM = '''
     position: relative;
     z-index: 2;
   }
+
   textarea {
       font-size: 1.16em !important;
       padding: 1em;
       min-height: 12em;
+  }
+
+    @media (max-width: 1000px) {  
+    body {
+      font-size: 1.28em !important;  /* Big bump */
     }
+    h2, h3, h4 {
+      font-size: 2em !important;
+    }
+
+    .centered-flex {
+      flex-direction: column;
+      align-items: center;
+      height: auto;
+      gap: 1.6em;
+    }
+
+    .form-card,
+    .preview-card,
+    .markdown-ref {
+      font-size: 1.18em !important;
+      min-width: auto;
+      max-width: 90vw;
+      width: 100%;
+      margin: 0.8em 0;
+    }
+    
+    textarea {
+      font-size: 1.16em !important;
+      padding: 1em;
+      min-height: 12em;
+    }
+    .status-msg {
+      font-size: 1.25em !important;
+      padding: 0.8em 1.6em;
+    }
+    button[type=submit] {
+      font-size: 1.3em !important;
+      padding: 0.9em 2.2em;
+    }
+    input[type=file] {
+      font-size: 1.16em !important;
+      padding: inherit 2.2em
+    }
+    label {
+      font-size: 1.16em !important;
+      padding: inherit 2.2em
+    }
+  }
 
 </style>
 <div class="centered-flex">
@@ -282,7 +298,8 @@ HTML_FORM = '''
     </center>
     <form method=post enctype=multipart/form-data>
       <textarea name=md placeholder="Ingrese Markdown aquí...">{{ default_md }}</textarea><br>
-      <input type="file" name="userimg" accept="image/png, image/jpeg" style="margin: 0 0.25em 1.5em 0.25em"><br>
+      <label for="userimg" style="display: inline-block; margin-bottom: 0.5em;">Subir imagen (opcional):</label><br>
+      <input type="file" name="userimg" accept="image/png, image/jpeg"><br>
       <div class="buttons">
         <button type=submit name="generate">📷 Generar</button>
         <button type=submit name="print">🖨️ Imprimir</button>