Revert "Unify button styles and use min-width"

This reverts commit 8f79193883.
2018-08-20 18:06:29 +00:00 · 2018-08-20 18:06:29 +00:00 · 95e6bccec5
parent 4ba4772e92
commit 95e6bccec5
4 changed files with 11 additions and 2 deletions
--- a/src/App.scss
+++ b/src/App.scss
@ -63,8 +63,6 @@ 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);
--- a/src/components/login_form/login_form.vue
+++ b/src/components/login_form/login_form.vue
@ -34,6 +34,11 @@
@import '../../_variables.scss';

 .login-form {
+  .btn {
+    min-height: 28px;
+    width: 10em;
+  }
+
  .error {
    text-align: center;
  }
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@ -107,6 +107,10 @@
    padding: 0.5em;
    height: 32px;

+    button {
+      width: 10em;
+    }
+
    p {
      margin: 0.35em;
      padding: 0.35em;
--- a/src/components/settings/settings.vue
+++ b/src/components/settings/settings.vue
@ -117,6 +117,8 @@

  .btn {
    margin-top: 1em;
+    min-height: 28px;
+    width: 10em;
  }
 }
 .setting-list {