Fix issue with web ui sizing

2019-04-14 18:54:59 -04:00
parent 6b78f31fd8
commit 5afed8dd54
3 changed files with 25 additions and 30 deletions
--- a/web/src/App.js
+++ b/web/src/App.js
@ -12,21 +12,31 @@ class App extends Component {
          background: '#4d2692', 
          color: '#f1e9ff',
          letterSpacing: '0.15rem',
-          textTransform: 'uppercase'
+          height: '65px',
+          display: 'flex',
+          alignItems: 'center'
          }}
        >
-          <div style={{
-            padding: '1.45rem 1.0875rem'
-          }}>
-          
          <h3 style={{
            textDecoration: 'none',
            margin: '0px',
-            fontSize: '18px'
+            fontSize: '18px',
+
            }}
          >
-          Super Graph</h3>
-          </div>
+          <span style={{ 
+            textTransform: 'uppercase',
+            marginLeft: '20px'
+          }}>
+            Super Graph
+          </span>
+          <span style={{ 
+            fontSize: '16px',
+            marginLeft: '20px',
+            color: '#b48aff'
+          }}>
+            Instant GraphQL</span>
+          </h3>
        </header>

        <Provider store={store}>