Updated footer

bence-toth · Aug 20, 2020 · b8be301 · b8be301
1 parent 0cbdb08
commit b8be301
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/triangle-mosaic-demo/src/components/app/app.css b/triangle-mosaic-demo/src/components/app/app.css
@@ -26,10 +26,12 @@
 
 #sidebar > footer {
   text-align: center;
+  margin-bottom: 2rem;
 }
 
 #sidebar > footer > .byLine {
-  font-size: 1.1rem;
+  margin-top: 1rem;
+  font-size: 0.8rem;
 }
 
 #sidebar > footer a {
@@ -39,6 +41,11 @@
   text-decoration: none;
 }
 
+#sidebar > footer > .byLine a {
+  padding: 0;
+  font-size: 0.8rem;
+}
+
 #sidebar > footer a:hover,
 #sidebar > footer a:active {
   text-decoration: underline;

diff --git a/triangle-mosaic-demo/src/components/app/app.jsx b/triangle-mosaic-demo/src/components/app/app.jsx
@@ -61,36 +61,38 @@ const App = () => {
           />
         </div>
         <footer>
-          <div className='byLine'>
+          <div>
             <a
-              href='https://github.com/bence-toth'
+              href='https://github.com/bence-toth/triangle-mosaic#readme'
               target='_blank'
               rel='noopener noreferrer'
             >
-              by Bence A. Tóth
+              About
             </a>
-          </div>
-          <div>
             <a
-              href='https://github.com/bence-toth/triangle-mosaic#readme'
+              href='https://github.com/bence-toth/triangle-mosaic/issues'
               target='_blank'
               rel='noopener noreferrer'
             >
-              About
+              Report a bug
             </a>
             <a
               href='https://github.com/bence-toth/triangle-mosaic#license'
               target='_blank'
               rel='noopener noreferrer'
             >
-              License
+              License (MIT)
             </a>
+          </div>
+          <div className='byLine'>
+            made with ❤ by
+            {' '}
             <a
-              href='https://github.com/bence-toth/triangle-mosaic/issues'
+              href='https://github.com/bence-toth'
               target='_blank'
               rel='noopener noreferrer'
             >
-              Report a bug
+              Bence A. Tóth
             </a>
           </div>
         </footer>