[Glitch] Add follow button to detailed status, add gradient to mask bio cut-off (fixes #566)

Port 5294f3a1d2 to glitch-soc

app/javascript/flavours/glitch/styles/accounts.scss

@@ -443,6 +443,20 @@
       overflow: hidden;
       text-overflow: ellipsis;
       height: 5.5em;
+      position: relative;
+
+      &::after {
+        display: block;
+        content: "";
+        width: 100%;
+        height: 100px;
+        position: absolute;
+        bottom: 0;
+        background: linear-gradient(to bottom, rgba($simple-background-color, 0.01) 0%, rgba($simple-background-color, 1) 100%);
+        left: 0;
+        border-radius: 0 0 4px 4px;
+        pointer-events: none;
+      }
     }
   }
 }

app/javascript/flavours/glitch/styles/modal.scss

@@ -18,3 +18,9 @@
     background: url('~images/elephant_ui_plane.svg') no-repeat left bottom / contain;
   }
 }
+
+@media screen and (max-width: 600px) {
+  .account-header {
+    margin-top: 0;
+  }
+}

app/javascript/flavours/glitch/styles/stream_entries.scss

@@ -312,8 +312,10 @@
 .embed {
   .activity-stream {
     box-shadow: none;
+  }
+}
 
-    .entry {
+.entry {
 
   .detailed-status.light {
     display: flex;
@@ -359,6 +361,4 @@
       flex: 100%;
     }
   }
-    }
-  }
 }