diff --git a/public/icons/status-cancel.svg b/public/icons/status-cancel.svg index 4a0344d8..72fd0de7 100644 --- a/public/icons/status-cancel.svg +++ b/public/icons/status-cancel.svg @@ -1,4 +1,3 @@ - - + diff --git a/public/icons/status-done.svg b/public/icons/status-done.svg index 46613d84..1e21d898 100644 --- a/public/icons/status-done.svg +++ b/public/icons/status-done.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/components/Editor/InlineForm/InlineForm.module.scss b/src/components/Editor/InlineForm/InlineForm.module.scss index b2a458be..0a6ef669 100644 --- a/src/components/Editor/InlineForm/InlineForm.module.scss +++ b/src/components/Editor/InlineForm/InlineForm.module.scss @@ -1,11 +1,12 @@ .InlineForm { + border: 1px solid; position: relative; width: 100%; .form { display: flex; flex-flow: row nowrap; - padding: 6px 11px; + padding: 8px 11px; width: 100%; input { @@ -24,6 +25,10 @@ outline: none; } } + + button { + margin-left: 8px; + } } .linkError { diff --git a/src/components/NotificationsPanel/NotificationsPanel.module.scss b/src/components/NotificationsPanel/NotificationsPanel.module.scss index cc4d1cfe..8044b92b 100644 --- a/src/components/NotificationsPanel/NotificationsPanel.module.scss +++ b/src/components/NotificationsPanel/NotificationsPanel.module.scss @@ -18,13 +18,17 @@ $transition-duration: 200ms; .panel { position: relative; background-color: var(--background-color); - width: 50%; + width: 100%; height: 100%; transform: translateX(100%); transition: transform $transition-duration; display: flex; flex-direction: column; + @include media-breakpoint-up(md) { + width: 50%; + } + .title { @include font-size(2rem);