Styling for DashPage #40

.firebase/hosting.YnVpbGQ.cache

@@ -1,19 +1,20 @@
-asset-manifest.json,1618086149321,bdb6ebdf1615a9137d900d96ec47419c69249bfaa29f138a23dec35db95c36d2
-index.html,1618086149320,6f32313230be2bb441c1977dc3db076fcb3156c87b246889e8e321fc6ca5ed04
 favicon.ico,1618084814224,eae62e993eb980ec8a25058c39d5a51feab118bd2100c4deebb2a9c158ec11f9
-manifest.json,1618084814250,5c997de1364b8be939319fa9209abd77f2caf7f8844999a9e2e9173f844e7840
-robots.txt,1618084814253,b2090cf9761ef60aa06e4fab97679bd43dfa5e5df073701ead5879d7c68f1ec5
 logo192.png,1618084814231,3ee59515172ee198f3be375979df15ac5345183e656720a381b8872b2a39dc8b
-static/css/main.7d180cbf.chunk.css,1618086149333,2aa0a5ab5aabaced36ad57e7af792ddf4d06db3fd3a63317f9a919f681010312
-static/css/main.7d180cbf.chunk.css.map,1618086149340,bbe90fa3d4b5e46e43ecebc26f04aeaf2acdc4188ce5b83cdf379e2cd18ff190
-static/js/2.1d3e33d9.chunk.js.LICENSE.txt,1618086149339,344f60d92805a3f6078799efe3001c0746af425c166ecf1779b9a58f0ef566af
-static/js/3.efcf542d.chunk.js,1618086149339,ffb1a2878e0ef0c285163a40e0969a5ad3755a40f20d125559d253d7e3f02415
-static/js/3.efcf542d.chunk.js.map,1618086149341,25b09e279758db0a274f33c154fc305a1292044637fdf08d7cfd7e164ff0784a
-static/js/main.5292028e.chunk.js,1618086149334,2210056d4be767d5fe3809c4f2fcb47d0586258a8b7e1cc18b94ed1adbb90c2e
-static/js/main.5292028e.chunk.js.map,1618086149340,102f34b66f87b4f7ef60325576f7656ef909f77457287b86a8f1c02499db0131
-static/js/runtime-main.7ac182a8.js,1618086149339,dac14deddbcb97ecd62c0d645542214f0e157ccaeab43151c8d2c63395ab41c3
-static/js/runtime-main.7ac182a8.js.map,1618086149340,08262d4ae4b5bf6d4487a784231aa8efbe834906577d1dd94183d80beb67e098
-static/media/logo.6ce24c58.svg,1618086149330,ac1a3d8899432561573d6a5cf56459437c09b902599a1deb91c0f8d4bb40459d
 logo512.png,1618084814235,ee7e2f3fdb8209c4b6fd7bef6ba50d1b9dba30a25bb5c3126df057e1cb6f5331
-static/js/2.1d3e33d9.chunk.js,1618086149338,4c9034abafe0e8a3241bec07d9fa623bcc98403e52a186571c9c1dee1ad7b832
-static/js/2.1d3e33d9.chunk.js.map,1618086149340,c0cb7e3761674e9d44e7b4e98b823f6228311a7de91ec1375ba386138a9e2f0f
+manifest.json,1618084814250,5c997de1364b8be939319fa9209abd77f2caf7f8844999a9e2e9173f844e7840
+robots.txt,1618084814253,b2090cf9761ef60aa06e4fab97679bd43dfa5e5df073701ead5879d7c68f1ec5
+asset-manifest.json,1618609447169,65895a8ccb8b0df391313e9ae1ca3ebaf1d4501aa5890143e7252649c6f2d8cc
+index.html,1618609447167,78a18c93c30518793dcad240be8279794cb9461005796299026c958319ee43ea
+static/css/main.1635e87c.chunk.css.map,1618609447197,79cf4274847d0c74297ffa50c94e7b205c48c97b15729ceb7f53541af8d0ab47
+static/js/2.c57ea753.chunk.js.LICENSE.txt,1618609447199,3d5b6b314fd0c8069297161e80277b54b339843de3163d1c36db64c66c6c30da
+static/css/main.1635e87c.chunk.css,1618609447181,3fa579288ee89a0ec1f150d26d6b852c8aee9812478f96262da66d23a54baea7
+static/js/3.8fee89a8.chunk.js.map,1618609447200,05b68fae5b209e6353a833c090a47a1f2b2e22f9bd5797d5b76881b36fd19a8d
+static/js/runtime-main.45f2f230.js,1618609447196,6e685da7aaa141289cc6dd4da6f04c008c52ce7cb4b9262b86e39c53862bbd05
+static/js/3.8fee89a8.chunk.js,1618609447198,3663ff3b3dc0b33f9375008c4f69ca21727935e6152e2bb1698e7c5f0d88f15f
+static/js/runtime-main.45f2f230.js.map,1618609447199,111cb8eda24027bc124c98096228212f76565ac1b578658e68f993641983bdd6
+static/js/main.ec679ebc.chunk.js,1618609447183,9c102cbf785e1f9bb1147e8bcd460e95beeb9913a51d0d97988191e1b5042168
+static/js/main.ec679ebc.chunk.js.map,1618609447199,a2c08700f07bd41fd324fbfa7b7ed1ddd1f2f9138922d9d1ce1b0ae7133b7581
+static/media/logo_placeholder.37d3bd32.jpg,1618609447197,49977b2fb810a48c0a8cdcbc16bafe663767cc0eeb1935e7a492c8470da623bd
+static/js/2.c57ea753.chunk.js,1618609447198,b1132203fce740f938749016d4801ef425e239f71ea2f337cdb4eb9f367748c9
+static/media/homeBanner_placeholder.02644124.jpg,1618609447176,097ff4629ed8bb1f4815787931225e7921f1bc3b2e89710752b37f91ef1adf37
+static/js/2.c57ea753.chunk.js.map,1618609447201,89c05ecf3dcf6a263ef8acf3fb6998e1bef0ac46960edc6bd42215d8d6ec50c0

src/pages/ProfilePage.js

@@ -62,12 +62,12 @@ export default function ProfilePage() {
                 <Paper className={classes.infoSection}>
                     <Typography className={classes.infoTitle}>Public Info: </Typography>
                     <Box className={classes.infoBox}>
-                        <Typography>Username: </Typography>
-                        <Typography>{user.username}</Typography>
+                        <Typography className={classes.infoLabel}>Username: </Typography>
+                        <Typography className={classes.infoValue}>{user.username}</Typography>
                     </Box>
                     <Box className={classes.infoBox}>
-                        <Typography>Email: </Typography>
-                        <Typography>{user.email}</Typography>
+                        <Typography className={classes.infoLabel}>Email: </Typography>
+                        <Typography className={classes.infoValue}>{user.email}</Typography>
                     </Box>
                 </Paper>
                 {

src/styles/dashStyles.js

@@ -169,7 +169,7 @@ const dashStyles = makeStyles(() => ({
     infoSection: {
         width: '80%',
         margin: '5% auto',
-        padding: '5% 10%',
+        padding: '2% 2%',
         display: 'flex',
         flexDirection: 'column',
         backgroundColor: holisticTheme.bgLight,
@@ -181,10 +181,15 @@ const dashStyles = makeStyles(() => ({
         alignItems: 'center',
         justifyContent: 'space-between',
     },
-    title: {
+    infoTitle: {
+        fontSize: '12px',
         fontStyle: 'italic',
     },
+    infoLabel: {
+        fontSize: '12px',
+    },
     infoValue: {
+        fontSize: '12px',
         fontWeight: 'bold',
     }
 

src/styles/sessionStyles.js

@@ -5,7 +5,7 @@ const sessionListStyles = makeStyles(() => ({
     // List Item Styling
     listItem: {
         padding: '1%',
-        margin: '0 5px',
+        margin: '5px 5px',
         borderRadius: '15px',
         backgroundColor: holisticTheme.bgLight,
         display: 'flex',