Merge pull request #42 from Irev-Dev/pr39

Tweak heading to better match Figma designs

web/src/index.css

@@ -8,6 +8,9 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
+
+@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;1,700&display=swap')
 /**
  * END --- TAILWIND GENERATOR EDIT
  */

web/src/layouts/MainLayout/MainLayout.js

@@ -22,9 +22,9 @@ const MainLayout = ({ children }) => {
             </li>
             <li>
               <Tooltip title="Very alpha, there's lots of work todo" >
-                <div className="ml-8 flex">
+                <div className="ml-12 flex">
-                  <h2 className="text-indigo-200 text-4xl font-ropa-sans tracking-widest">CadHub</h2>
+                  <h2 className="text-indigo-300 text-5xl font-ropa-sans py-1 tracking-wider" style={{letterSpacing: '0.3em'}}>CadHub</h2>
-                  <div className="text-pink-500 pb-4 text-sm font-ropa-sans" >pre-alpha</div>
+                  <div className="text-pink-400 text-sm font-bold font-ropa-sans" style={{paddingBottom: '2rem', marginLeft: '-1.8rem'}}>pre-alpha</div>
                 </div>
               </Tooltip>
             </li>

web/tailwind.config.js

@@ -17,8 +17,8 @@ module.exports = {
         'md': '28rem'
       },
       fontFamily: {
-        'ropa-sans': 'Ropa Sans',
+        'ropa-sans': ['Ropa Sans', 'Arial', 'sans-serif'],
-        'roboto': 'Roboto'
+        'roboto': ['Roboto', 'Arial', 'sans-serif'],
       },
     }
   },