Adjusts layout of download items

brave · Apr 13, 2017 · 96d94a5 · 96d94a5
1 parent ffd9ac8
commit 96d94a5
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/less/downloadBar.less b/less/downloadBar.less
@@ -11,7 +11,7 @@
   --download-bar-buttons: 22px;
 }
 
-@downloadItemHeight: 46px;
+@downloadItemHeight: 50px;
 
 .downloadsBar {
   user-select: none;
@@ -46,7 +46,7 @@
       min-width: var(--download-item-width);
 
       &:hover {
-        height: 72px;
+        height: 73px;
         top: -23px;
 
         .downloadInfo .downloadArrow {
@@ -82,7 +82,7 @@
       }
 
       &.deleteConfirmationVisible:hover {
-        height: 97px;
+        height: 108px;
         top: -58px;
       }
 
@@ -92,8 +92,9 @@
         left: 0;
         opacity: 0.5;
         position: absolute;
-        height: @downloadItemHeight;
         width: 100%;
+        top: 0;
+        bottom: 0;
       }
 
       .downloadInfo {
@@ -124,7 +125,7 @@
       }
 
       .downloadActions {
-        margin: auto 0;
+        margin: 8px 0 0;
         .browserButton {
           font-size: 14px;
           height: auto;