fix: original link icon wrongly aligned

johannesjo · Mar 23, 2018 · 13cc557 · 13cc557
1 parent 4fcf15e
commit 13cc557
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/app-src/scripts/task-list/_task-list-d.scss b/app-src/scripts/task-list/_task-list-d.scss
@@ -119,13 +119,16 @@ task-list {
       width: $this-button-size;
       min-width: $this-button-size;
       min-height: $this-button-size;
+      // this fixes the original link button icon for some reason
+      line-height: $this-button-size + -1;
       padding: 0;
       box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
       border: 1px solid #dddddd;
       border-radius: 100%;
       text-align: center;
       background: #ffffff !important;
       overflow: hidden;
+      position: relative;
 
       &:hover {
         transform: scale(1.3);
@@ -145,6 +148,10 @@ task-list {
       }
       ng-md-icon {
         fill: $this-icon-color;
+        margin: 0;
+        padding: 0;
+        line-height: 1;
+
       }
 
       &.delete-btn {
@@ -173,6 +180,7 @@ task-list {
         width: $this-button-size-mobile;
         min-width: $this-button-size-mobile;
         min-height: $this-button-size-mobile;
+        line-height: $this-button-size-mobile + -1;
       }
     }