diff options
| author | Ole Bertram <git@bertr.am> | 2018-07-04 13:49:20 +0200 |
|---|---|---|
| committer | Ole Bertram <git@bertr.am> | 2018-07-04 13:49:31 +0200 |
| commit | 8f7919388391742671ef0398e017383d7f0b2bc5 (patch) | |
| tree | 1cad934fe01b1bde9014d51b82d5f408774c10bc | |
| parent | fdc64cfa8aa9f85e4508a27429f339a946613420 (diff) | |
Unify button styles and use min-width
This seemed to be the same across multiple components anyway.
Switched to min-width to allow for buttons with longer text, e.g.
from other languages.
| -rw-r--r-- | src/App.scss | 2 | ||||
| -rw-r--r-- | src/components/login_form/login_form.vue | 5 | ||||
| -rw-r--r-- | src/components/post_status_form/post_status_form.vue | 4 | ||||
| -rw-r--r-- | src/components/settings/settings.vue | 2 |
4 files changed, 2 insertions, 11 deletions
diff --git a/src/App.scss b/src/App.scss index f830a33b..402e7432 100644 --- a/src/App.scss +++ b/src/App.scss @@ -63,6 +63,8 @@ button{ box-shadow: 0px 0px 2px black; font-size: 14px; font-family: sans-serif; + min-width: 10em; + min-height: 2em; &:hover { box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3); diff --git a/src/components/login_form/login_form.vue b/src/components/login_form/login_form.vue index b7fed48a..d2bdffcb 100644 --- a/src/components/login_form/login_form.vue +++ b/src/components/login_form/login_form.vue @@ -34,11 +34,6 @@ @import '../../_variables.scss'; .login-form { - .btn { - min-height: 28px; - width: 10em; - } - .error { text-align: center; } diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 7aa0e7c4..2dda6a6e 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -124,10 +124,6 @@ padding: 0.5em; height: 32px; - button { - width: 10em; - } - p { margin: 0.35em; padding: 0.35em; diff --git a/src/components/settings/settings.vue b/src/components/settings/settings.vue index 6245e758..4786b930 100644 --- a/src/components/settings/settings.vue +++ b/src/components/settings/settings.vue @@ -83,8 +83,6 @@ .btn { margin-top: 1em; - min-height: 28px; - width: 10em; } } .setting-list { |