Corrected styling, less hacky

1 files changed, 6 insertions, 23 deletions

diff --git a/app/assets/stylesheets/framework/files.scss b/app/assets/stylesheets/framework/files.scss
index 3737ae3e653..a95ce4cc963 100644
--- a/app/assets/stylesheets/framework/files.scss
+++ b/app/assets/stylesheets/framework/files.scss
@@ -162,31 +162,14 @@
     }
 
     .list-inline.previews {
-      display: inline-block;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      align-content: flex-start;
+      align-items: baseline;
 
       .preview {
-        display: inline-block;
-        height: 280px;
-        min-width: 260px;
-        margin: 0;
-        padding: 16px;
-        @include make-xs-column(3);
-      }
-
-      .panel {
-        margin: 0;
-        height: 100%;
-
-        .panel-body {
-          padding: $gl-padding 0 0;
-          text-align: center;
-        }
-      }
-
-      .img-thumbnail {
-        max-height: 195px;
-        max-width: 195px;
-        padding: 0;
+        padding: $gl-padding;
       }
     }
   }