Template:CreateHub/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 4: / Line 4: @@
    justify-content: center;
    align-items: center;
-   gap: 1rem;                 /* uniform spacing */
+   gap: 1rem;
    margin: 0.75rem 0;
 }
-/* Give both elements the same fixed width */
+/* Fixed, matching widths */
 .creation-row .inputbox input[type="text"],
 .creation-row input[type="submit"] {
-   width: 260px !important;   /* <-- adjust this to fit your layout */
+   width: 260px !important;
-   box-sizing: border-box;    /* ensures borders don’t change width */
+   height: 42px !important;         /* <-- equal height for both */
+   box-sizing: border-box;
 }
-/* --- Text Input --- */
+/* --- Input Styling --- */
 .creation-row .inputbox input[type="text"] {
-   padding: 0.45rem 0.6rem;
+   padding: 0 0.6rem;
    border: 1.5px solid #000 !important;
    border-radius: 2px;
    font-size: 0.95rem;
-  text-align: center;
    background: #fff;
+  text-align: center;              /* center typing */
+  font-style: italic;              /* italic input text too */
 }
+/* Center + italic placeholder */
 .creation-row .inputbox input[type="text"]::placeholder {
+  text-align: center;
    color: #777;
    font-style: italic;
 }
-/* --- Submit Button (matches Noarticletext buttons) --- */
+/* --- Button Styling (matches create-button aesthetic) --- */
 .creation-row input[type="submit"] {
-  padding: 8px 0;
-  text-align: center;
    background: transparent !important;
    border: 1.5px solid #000 !important;
-   border-radius: 2px !important;
+   border-radius: 2px;
    color: #000 !important;
    font-weight: 600;
@@ Line 61: / Line 62: @@
 }
-/* Disabled state */
+/* Disabled */
 .creation-row input[type="submit"]:disabled {
    background-color: #f5f5f5 !important;