From 8ae71c8f90fee612ddfa487afaecf200a8302044 Mon Sep 17 00:00:00 2001
From: Sahil Batra <sahil@zulip.com>
Date: Tue, 20 Jun 2023 17:23:46 +0530
Subject: [PATCH] email_log: Re-add boostrap CSS for text inputs.

This commit re-adds bootstrap CSS for the input
used to set the email to which emails will be
forwarded in the development environment "/emails"
page by using a more specific selector in
email_log.css.

This commit also increases the width of input to be
consistent with many other text type inputs and this
also helps in viewing the full placeholder text.

This is a prep commit for removing bootstrap CSS for
text type inputs.
---
 web/styles/portico/email_log.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/web/styles/portico/email_log.css b/web/styles/portico/email_log.css
index f24f99223e..dbfdef6b21 100644
--- a/web/styles/portico/email_log.css
+++ b/web/styles/portico/email_log.css
@@ -34,6 +34,24 @@
                 outline-offset: -2px;
             }
         }
+
+        & input[type="text"] {
+            padding: 4px 6px;
+            color: hsl(0deg 0% 33%);
+            border-radius: 4px;
+            border: 1px solid hsl(0deg 0% 80%);
+            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
+            transition: border linear 0.2s, box-shadow linear 0.2s;
+            margin-bottom: 10px;
+            width: 206px;
+
+            &:focus {
+                border-color: hsl(206deg 80% 62% / 80%);
+                outline: 0;
+                box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
+                    0 0 8px hsl(206deg 80% 62% / 60%);
+            }
+        }
     }
 
     & input[type="checkbox"] {