Updated footer

Author: bence-toth

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;

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>