UI - "Add new watch" URL at main input box should always grow to match the viewport

2023-11-28 18:11:11 +01:00
parent 684e96f5f1
commit 19e752e9ba
4 changed files with 59 additions and 16 deletions
--- a/changedetectionio/static/styles/scss/styles.scss
+++ b/changedetectionio/static/styles/scss/styles.scss
@@ -402,8 +402,24 @@ label {
  }

  #watch-add-wrapper-zone {
-    >div {
-      display: inline-block;
+
+    @media only screen and (min-width: 760px) {
+      display: flex;
+      gap: 0.3rem;
+      flex-direction: row;
+    }
+    /* URL field grows always, other stay static in width */
+    > span {
+      flex-grow: 0;
+
+      input {
+        width: 100%;
+        padding-right: 1em;
+      }
+
+      &:first-child {
+        flex-grow: 1;
+      }
    }

    @media only screen and (max-width: 760px) {