🎨 style of footer links

app/javascript/mastodon/features/ui/components/link_footer.js

@@ -108,7 +108,7 @@ class LinkFooter extends React.PureComponent {
     const navToTags = HashTagNavlinks.map(element => {
       return (
         <li
-          className='tag-element btn-small btn'
+          className='tag-element'
           key={element}
         >
 
@@ -167,14 +167,7 @@ class LinkFooter extends React.PureComponent {
           )}
           {isStaff && (
             <span className='staff-actions'>
-              <NavLink
+
-                exact
-                activeClassName='active'
-                to={'/tk-example/'}
-                title='tk example link'
-              >
-                example link
-              </NavLink >
               <a
                 className='btn-warning'
                 href='/admin/tags?pending_review=1'

app/javascript/styles/bliss/footer.scss

@@ -136,14 +136,24 @@
   }
 }
 
-.getting-started__footer {
+*|*:link, *|*:visited {
+  color: $ui-primary-color !important;
+
+  &:hover {
+    color: $ui-highlight-color !important;
+    background: $dark-text-color !important;
+  }
+}
+
+.getting-started__footer,
+.links-started__footer {
   display: block;
   //position: fixed;
   //bottom: 0;
   //left: 1em;
   //width: 268px;
   z-index: 10;
-  text-align: right;
+  font-size: 0.85em;
 
   .fa {
     margin-right: 1ch;
@@ -154,8 +164,20 @@
   }
 
   li {
-    margin: 0.15rem 0;
+    list-style-type: none;
-    display: inline-block
+    padding: 0.15rem 0;
+    display: inline-block;
+    width: auto;
+
+    &.tag-element, a {
+      color: $ui-primary-color !important;
+      padding: 0.25em;
+
+      &:hover {
+        color: $ui-highlight-color !important;
+        background: $dark-text-color !important;
+      }
+    }
   }
 
   i {
@@ -165,4 +187,5 @@
   a {
     margin-left: 2ch;
   }
+
 }

app/javascript/styles/mastodon-light/diff.scss

@@ -817,8 +817,8 @@ input,
 .links-started__footer {
   a, li {
     display: inline-block;
+    width: auto;
     float: left;
-
     margin-right: 2ch;
 
   }