Fix file drop trash icon (#62)

blackbaud · Aug 15, 2019 · 8b66201 · 8b66201
1 parent aa0f2ee
commit 8b66201
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/screenshots-baseline/file-Drop-No-Links-Xs-chrome-516x788-dpr-1.png b/screenshots-baseline/file-Drop-No-Links-Xs-chrome-516x788-dpr-1.png
diff --git a/screenshots-baseline/file-Drop-Xs-chrome-516x788-dpr-1.png b/screenshots-baseline/file-Drop-Xs-chrome-516x788-dpr-1.png
diff --git a/src/app/public/modules/file-attachment/file-item.component.html b/src/app/public/modules/file-attachment/file-item.component.html
@@ -9,7 +9,7 @@
                 ({{fileItem.file.size | skyFileSize}})
             </div>
         </div>
-        <div class="sky-pull-right">
+        <div class="sky-file-item-controls">
           <button type="button" class="sky-btn sky-btn-default sky-file-item-btn-delete" [attr.aria-label]="'skyux_file_attachment_file_item_delete' | skyLibResources" (click)="itemDelete()">
             <sky-icon icon="trash-o" size="lg"></sky-icon>
           </button>

diff --git a/src/app/public/modules/file-attachment/file-item.component.scss b/src/app/public/modules/file-attachment/file-item.component.scss
@@ -8,8 +8,11 @@
 }
 
 .sky-file-item-name-container {
-  display: inline-block;
-  width: 85%;
+  flex: 1 0 auto;
+}
+
+.sky-file-item-controls {
+  flex: 0 1 auto;
 }
 
 .sky-file-item-name {
@@ -22,6 +25,7 @@
 
 .sky-file-item-title {
   margin-bottom: $sky-margin;
+  display: flex;
 }
 
 .sky-file-item-content {