diff --git a/styles.css b/styles.css index bc1e110..0f5c6cc 100644 --- a/styles.css +++ b/styles.css @@ -46,15 +46,18 @@ h2 { } .file-input-label { - display: inline-block; - padding: 0.5rem 1rem; /* Increased padding */ + display: flex; + align-items: center; + justify-content: center; + padding: 0.5rem 1rem; background-color: #111827; color: white; border-radius: 0.25rem 0 0 0.25rem; font-weight: 600; - font-size: 0.875rem; /* Added font size */ + font-size: 0.875rem; cursor: pointer; transition: background-color 0.2s; + height: 100%; /* Make sure the label takes full height of its container */ } .file-input-label:hover { @@ -64,12 +67,19 @@ h2 { .file-name { color: #6b7280; font-size: 0.875rem; + display: flex; + align-items: center; + padding-left: 0.5rem; } .copy-btn { border-left: 1px solid #e5e7eb; color: #6b7280; transition: background-color 0.2s; + display: flex; + align-items: center; + justify-content: center; + height: 100%; /* Make sure the button takes full height of its container */ } .copy-btn:hover { @@ -145,3 +155,8 @@ ul { ul li { margin-bottom: 0.5rem; } + +/* Add this new style for the file input container */ +.flex.items-center.border { + height: 2.5rem; /* Set a fixed height for the container */ +}