Fix media gallery CSS (#5064)

7 years ago · 233258c61b
parent 9c8aad612e
commit 233258c61b
1 changed files with 13 additions and 3 deletions
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@ -3942,12 +3942,14 @@ button.icon-button.active i.fa-retweet {
 .account-gallery__container {
  margin: -2px;
  padding: 4px;
+  display: flex;
+  flex-wrap: wrap;
 }

 .account-gallery__item {
-  float: left;
-  width: 96px;
-  height: 96px;
+  flex: 1 1 auto;
+  width: calc(100% / 3 - 4px);
+  height: 95px;
  margin: 2px;

  a {
@ -3958,6 +3960,14 @@ button.icon-button.active i.fa-retweet {
    background-size: cover;
    background-position: center;
    position: relative;
+    color: inherit;
+    text-decoration: none;
+
+    &:hover,
+    &:active,
+    &:focus {
+      outline: 0;
+    }
  }
 }