Improve upload image and documents buttons

2020-05-29 00:11:25 +02:00
parent 4bb12c573f
commit 72a24128a6
4 changed files with 24 additions and 8 deletions
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -2540,8 +2540,27 @@ table {
 // 22. Images
 // -----------------

-.images .button {
-  margin-top: $line-height / 2;
+.button {
+
+  &.upload-image {
+    @include has-fa-icon(image, solid);
+  }
+
+  &.upload-document {
+    @include has-fa-icon(file, solid);
+  }
+
+  &.upload-image,
+  &.upload-document {
+    font-weight: bold;
+    margin-bottom: $line-height * 1.5;
+
+    &::before {
+      $button-padding-left: nth($button-padding, 2);
+      margin-left: -$button-padding-left / 2;
+      margin-right: $button-padding-left / 2;
+    }
+  }
 }

 // 23. Maps
--- a/app/assets/stylesheets/mixins/uploads.scss
+++ b/app/assets/stylesheets/mixins/uploads.scss
@@ -35,10 +35,6 @@
    }
  }

-  .button {
-    font-weight: normal;
-  }
-
  .progress-bar {
    width: 100%;
    background-color: $light-gray;