allow user to add/remove columns indefinitely
[newtab.git] / style.css
index 0093262a2c441c91b03bb6b0c9186224c2906f77..ac31d9e983a581215be3900a5e93f101431fb03b 100644 (file)
--- a/style.css
+++ b/style.css
@@ -92,7 +92,34 @@ input.url {
   background: var(--remove-bg);
 }
 
-.add {
+#edit, #addcol {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  background-color: var(--hover-bg);
+  width: 29px;
+  height: 29px;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+
+#edit:hover {
+  background-color: var(--hover-bg-2);
+}
+
+#addcol {
+  display: none;
+  right: 29px;
+}
+
+#addcol:hover {
+  background-color: var(--hover-grn);
+}
+
+.add, .rmcol {
   background-color: var(--hover-bg);
   margin-top: 14px;
   width: 29px;
@@ -109,6 +136,14 @@ input.url {
   background-color: var(--hover-grn) !important;
 }
 
+.rmcol {
+  display: flex;
+}
+
+.rmcol:hover {
+  background-color: var(--remove-bg) !important;
+}
+
 .new {
   background-color: var(--hover-bg);
 }