From: Abijeet <redacted>
Date: Sun, 18 Mar 2018 13:28:04 +0000 (+0530)
Subject: Fixes the icons not being aligned properly in attached items section for the page.
X-Git-Tag: v0.20.1~1^2~9^2^2~2
X-Git-Url: http://source.bookstackapp.com/bookstack/commitdiff_plain/83d830fd7dce94ba776bb6db9356f52ef9f98092

Fixes the icons not being aligned properly in attached items section for the page.

Also formatting.

Signed-off-by: Abijeet <redacted>
---

diff --git a/resources/assets/sass/_blocks.scss b/resources/assets/sass/_blocks.scss
index e3238f4b4..4cf2397bc 100644
--- a/resources/assets/sass/_blocks.scss
+++ b/resources/assets/sass/_blocks.scss
@@ -224,15 +224,15 @@
     padding: 0;
     align-items: center;
     text-align: center;
+    justify-content: center;
     width: 28px;
     padding-left: $-xs;
     padding-right: $-xs;
     &:hover {
       background-color: #EEE;
     }
-    i {
-      flex: 1;
-      padding: 0;
+    .svg-icon {
+      margin-right: 0px;
     }
   }
   > div .outline input {
@@ -258,4 +258,4 @@
   background-color: #F8F8F8;
   padding: $-m;
   border: 1px solid #DDD;
-}
\ No newline at end of file
+}
diff --git a/resources/assets/sass/_components.scss b/resources/assets/sass/_components.scss
index 30edd0451..0b5d767fa 100644
--- a/resources/assets/sass/_components.scss
+++ b/resources/assets/sass/_components.scss
@@ -480,12 +480,12 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
 }
 
 .dz-preview.dz-error {
-	.dz-image, .dz-details {
-		&:hover ~ .dz-error-message {
-			opacity: 1;
-			pointer-events: auto;
-		}
-	}
+  .dz-image, .dz-details {
+    &:hover ~ .dz-error-message {
+      opacity: 1;
+      pointer-events: auto;
+    }
+  }
 }
 
 .dz-preview .dz-error-message {