choose file update

szubair22 · Sep 30, 2024 · 09c8f0f · 09c8f0f
1 parent 8556881
commit 09c8f0f
Showing 1 changed file with 18 additions and 3 deletions.
diff --git 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 */
+}