From d43be8cfbe698cb6a905f5eb6ed4b1605fe4a9e4 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 | 14 ++++++++++++++
 src/popup.html    |  5 +++++
 2 files changed, 19 insertions(+)

diff --git a/src/css/popup.css b/src/css/popup.css
index 3ce65aa..6b55f1c 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -951,6 +951,20 @@ span ~ .panel-header-text {
   padding-block-start: 5px;
   padding-inline-end: 5px;
   padding-inline-start: 5px;
+
+}
+
+.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;
 }
 
 .edit-container-panel legend {
diff --git a/src/popup.html b/src/popup.html
index 813a02d..f94c9e5 100644
--- a/src/popup.html
+++ b/src/popup.html
@@ -204,6 +204,11 @@
           <fieldset id="edit-container-panel-choose-icon" class="radio-choice">
             <legend>Choose an icon</legend>
           </fieldset>
+          <fieldset id="edit-container-panel-add-site">
+            <legend>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-sites-assigned" class="scrollable" hidden>
           <h3>Sites assigned to this container</h3>