diff --git a/app/assets/stylesheets/tag-edit.scss b/app/assets/stylesheets/tag-edit.scss index 7b00877cf..0a0413f4e 100644 --- a/app/assets/stylesheets/tag-edit.scss +++ b/app/assets/stylesheets/tag-edit.scss @@ -1,39 +1,57 @@ - .tag-edit-form { - margin-bottom: 5em; - display: flex; - align-items: center; - justify-content: center; - } - .tag-edit-container { - margin-top: 5em; - max-width: 50%; - } - .tag-form-text-field { - height: 2em; - width: 20.5em; - text-align: left; - overflow-wrap: break-word; - font-size: 1em; - } - .tag-area-text { - height: 4em; - } - .tag-edit-submit { - margin-top: 5px; - background-color: #557de8; - color: white; - padding: 15px 20px; - text-align: center; - font-size: 16px; - } - .tag-edit-flash-success { - color: white; - background: #388019; - padding: 15px; - } - .tag-edit-flash-error { - color: white; - background: #ff0000; - padding: 15px 15px 15px 40px; - } +@import 'variables'; +@import 'mixins'; +.tag-edit-form { + margin-bottom: 5em; + display: flex; + align-items: center; + justify-content: center; +} +.tag-edit-container { + margin-top: 1em; + max-width: 50%; +} +.tag-form-field { + margin-top: 10px; + + br { + margin-bottom: 3px; + } +} +.tag-form-label { + margin-bottom: 2px; +} +.tag-form-text-field { + height: 2em; + width: 23em; + text-align: left; + overflow-wrap: break-word; + font-size: 1em; + resize: vertical; +} +.focus-visible { + border-color: $black; +} +.tag-area-text { + height: 5em; +} +.tag-edit-submit { + height: 2em; + text-align: center; + font-weight: bold; + font-size: 17px; + border-radius: 3px; + border: 2px solid var(--theme-top-bar-write-color, $black); + @include themeable(color, theme-top-bar-write-color, $black); + @include themeable(background, theme-top-bar-write-background, $green); +} +.tag-edit-flash-success { + color: white; + background: #388019; + padding: 15px; +} +.tag-edit-flash-error { + color: white; + background: $red; + padding: 15px 15px 15px 40px; +} diff --git a/app/views/tags/edit.html.erb b/app/views/tags/edit.html.erb index d4e85716d..cad4e0431 100644 --- a/app/views/tags/edit.html.erb +++ b/app/views/tags/edit.html.erb @@ -26,11 +26,10 @@ <%= @tag.name %>
- <%= @tag.name %> is the name of the tag used in Markdown.
+ #<%= @tag.name %> is the name of the tag used in Markdown.