Merge pull request #1246 from pixelfed/frontend-ui-refactor

Frontend ui refactor

public/mix-manifest.json

@@ -1,9 +1,9 @@
 {
     "/js/activity.js": "/js/activity.js?id=7915246c3bc2b7e9770e",
     "/js/app.js": "/js/app.js?id=3cd2f5b91d50cb028347",
-    "/css/app.css": "/css/app.css?id=dc78da2a3292050711db",
-    "/css/appdark.css": "/css/appdark.css?id=63fd724c34ce97cf2b3a",
-    "/css/landing.css": "/css/landing.css?id=8c1010ee51f792193274",
+    "/css/app.css": "/css/app.css?id=2d3c430e75bf39ed42de",
+    "/css/appdark.css": "/css/appdark.css?id=bbae27254436deab7c81",
+    "/css/landing.css": "/css/landing.css?id=856b55a76ff762684ef0",
     "/js/components.js": "/js/components.js?id=7e2c0820d0ca5af5aeaa",
     "/js/compose.js": "/js/compose.js?id=4d8c53b4575f463214f2",
     "/js/developers.js": "/js/developers.js?id=1359f11c7349301903f8",

resources/assets/sass/custom.scss

@@ -124,14 +124,12 @@ body, button, input, textarea {
 
 .info-overlay:hover .info-overlay-text {
     display: flex;
-    h5 {
-        display: flex;
-        flex-flow: column;
-        justify-content: center;
-        align-items: center;
-        width: 100%;
-        height: 100%;
-    }
+}
+
+@media (max-width: map-get($grid-breakpoints, "sm")) {
+  .info-overlay:hover .info-overlay-text h5 {
+      font-size: 12px;
+  }
 }
 
 .info-overlay-text {