about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2017-09-24 00:33:26 +0200
committerGitHub <noreply@github.com>2017-09-24 00:33:26 +0200
commit233258c61b23785adbd46cba4ed33ee955ecc7a2 (patch)
tree49f705c9b910a8b7482275340459efa518d44eda /app/javascript/styles
parent9c8aad612e09dbd45ea3d0df8a349cd4ce03b5e9 (diff)
Fix media gallery CSS (#5064)
Diffstat (limited to 'app/javascript/styles')
-rw-r--r--app/javascript/styles/components.scss16
1 files changed, 13 insertions, 3 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 965d10618..371c94831 100644
--- 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;
+    }
   }
 }