From 8f7919388391742671ef0398e017383d7f0b2bc5 Mon Sep 17 00:00:00 2001
From: Ole Bertram <git@bertr.am>
Date: Wed, 4 Jul 2018 13:49:20 +0200
Subject: [PATCH] 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.
---
 src/App.scss                                         | 2 ++
 src/components/login_form/login_form.vue             | 5 -----
 src/components/post_status_form/post_status_form.vue | 4 ----
 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 {