From 0294fc53449559be734075f5ae861a4f0df8bade Mon Sep 17 00:00:00 2001
From: Khansa Kiasatina <kiasatina.k@gmail.com>
Date: Sat, 7 Mar 2020 10:55:20 -0500
Subject: [PATCH] add textbox and button for adding new site

---
 src/css/popup.css | 13 +++++++++++++
 src/popup.html    |  5 +++++
 2 files changed, 18 insertions(+)

diff --git a/src/css/popup.css b/src/css/popup.css
index 5980894..a520e36 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -1923,6 +1923,19 @@ manage things like container crud */
   margin-inline: 4px;
 }
 
+.edit-container-panel input[type="text"]#edit-container-panel-site-input {
+  inline-size: 80%;
+}
+
+#edit-container-site-link {
+  block-size: 36px;
+  background: #ebebeb;
+}
+
+#edit-container-site-link:hover {
+  background: #e3e3e3;
+}
+
 input[type="text"]:focus {
   /* Both a border and box-shadow of 1px are needed because using a 2px border
    * would redraw the input 1px farther to the left.
diff --git a/src/popup.html b/src/popup.html
index fac21fe..acfad83 100644
--- a/src/popup.html
+++ b/src/popup.html
@@ -315,6 +315,11 @@
           <input type="text" class="proxies" name="country-code" id="country-code-input" maxlength="5" hidden/>
           <input type="text" class="proxies" name="city-name" id="city-name-input" maxlength="5" hidden/>
         </fieldset>
+        <fieldset id="edit-container-panel-add-site">
+          <legend class="form-header">Add site</legend>
+          <input type="text" name="site-name" id="edit-container-panel-site-input"/>
+          <a class="button secondary" id="edit-container-site-link">Add</a>
+        </fieldset>
       </form>
       <div id="edit-container-options">
         <div class="options-header" data-i18n-message-id="options"></div>