diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css index 4a6f2cb3..4cba122a 100644 --- a/changedetectionio/static/styles/styles.css +++ b/changedetectionio/static/styles/styles.css @@ -31,7 +31,7 @@ a.github-link { section.content { padding-top: 5em; - padding-bottom: 5em; + padding-bottom: 1em; flex-direction: column; display: flex; align-items: center; @@ -185,6 +185,12 @@ body:after, body:before { padding: 1rem; border-radius: 5px; } +#notification-error-log { + border: 1px solid #ccc; + padding: 1rem; + border-radius: 5px; + overflow-wrap: break-word; } + #token-table.pure-table td, #token-table.pure-table th { font-size: 80%; } @@ -411,7 +417,9 @@ and also iPads specifically. display: block; } .edit-form { - min-width: 70%; } + min-width: 70%; + /* so it cant overflow */ + max-width: 95%; } .edit-form .box-wrap { position: relative; } .edit-form .inner { diff --git a/changedetectionio/static/styles/styles.scss b/changedetectionio/static/styles/styles.scss index d3949165..e8ed32e2 100644 --- a/changedetectionio/static/styles/styles.scss +++ b/changedetectionio/static/styles/styles.scss @@ -245,6 +245,12 @@ body:after, body:before { border-radius: 5px; } +#notification-error-log { + border: 1px solid #ccc; + padding: 1rem; + border-radius: 5px; + overflow-wrap: break-word; +} #token-table { &.pure-table td, &.pure-table th { @@ -586,7 +592,8 @@ $form-edge-padding: 20px; .edit-form { min-width: 70%; - + /* so it cant overflow */ + max-width: 95%; .box-wrap { position: relative; } diff --git a/changedetectionio/templates/_common_fields.jinja b/changedetectionio/templates/_common_fields.jinja index b18e30b4..6a5ec7c2 100644 --- a/changedetectionio/templates/_common_fields.jinja +++ b/changedetectionio/templates/_common_fields.jinja @@ -13,7 +13,7 @@