From 8ffaaa316e68c083924fb55eba21996b442f328b Mon Sep 17 00:00:00 2001
From: Baptiste Lemoine <contact@cipherbliss.com>
Date: Wed, 12 Feb 2020 10:49:00 +0100
Subject: [PATCH] :art: style of footer links

---
 .../features/ui/components/link_footer.js     | 11 ++-----
 app/javascript/styles/bliss/footer.scss       | 31 ++++++++++++++++---
 .../styles/mastodon-light/diff.scss           |  2 +-
 3 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/app/javascript/mastodon/features/ui/components/link_footer.js b/app/javascript/mastodon/features/ui/components/link_footer.js
index fbb4f3ff6..be9be9366 100644
--- a/app/javascript/mastodon/features/ui/components/link_footer.js
+++ b/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'
diff --git a/app/javascript/styles/bliss/footer.scss b/app/javascript/styles/bliss/footer.scss
index 2c6df53c1..e4ddfead5 100644
--- a/app/javascript/styles/bliss/footer.scss
+++ b/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;
-    display: inline-block
+    list-style-type: none;
+    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;
   }
+
 }
diff --git a/app/javascript/styles/mastodon-light/diff.scss b/app/javascript/styles/mastodon-light/diff.scss
index 50bb89ca7..e394881dc 100644
--- a/app/javascript/styles/mastodon-light/diff.scss
+++ b/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;
 
   }