Beautification

app/templates/header.jinja2

@@ -27,7 +27,7 @@
 </nav>
 
 {# Navigation menu / links bar #}
-<nav class='navbar navbar-expand-sm navbar-dark bg-primary p-0' style='margin-top: -16px;'>
+<nav class='navbar navbar-expand-sm navbar-dark bg-primary p-0 {% if navbar_shadow %}shadow-sm{% endif %}' style='margin-top: -16px;'>
     <div class='container mt-0 pt-0'>
         <div class='collapse navbar-collapse' id='navbarSupportedContent'>
             <nav class='navbar-nav mr-auto'>

app/templates/main/dashboard.jinja2

@@ -4,7 +4,7 @@
 
 {% block content_before %}
 
-    <div class='jumbotron shadow'>
+    <div class='jumbotron shadow-sm'>
         <div class='container'>
             <h2>Dashboard</h2>
         </div>
@@ -33,7 +33,7 @@
         </div>
 
         <div class='card-footer'>
-            <a href='{{ url_for('main.profile') }}' class='btn btn-outline-primary mt-2 mt-sm-0'>
+            <a href='{{ url_for('main.profile') }}' class='btn btn-outline-primary'>
                 View my profile
             </a>
         </div>
@@ -42,15 +42,17 @@
     {# TODO: user type check #}
     {# Submissions Card #}
     {% if true %}
-        <div class='card shadow mt-5'>
+        <div class='card shadow mt-4'>
             <div class='card-body'>
                 <h3 class='card-title'>Submissions</h3>
                 <hr/>
-                <p>You don't have any submissions!<br/><a href=''>Create one now?</a></p>
+                <p class="mb-1">
+                    You don't have any submissions!
+                </p>
             </div>
 
             <div class='card-footer'>
-                <a href='' class='btn btn-outline-primary mt-2 mt-sm-0'>
+                <a href='' class='btn btn-outline-primary'>
                     Create a submission
                 </a>
             </div>

app/templates/main/index.jinja2

@@ -4,7 +4,7 @@
 
 {% block content_before %}
 
-    <div class="jumbotron">
+    <div class="jumbotron shadow-sm">
         <div class="container">
 
             {# Text #}

app/templates/main/profile.jinja2

@@ -1,11 +1,12 @@
 {% extends 'base.jinja2' %}
 
+{% set navbar_shadow = True %}
 {% block title %}User Profile{% endblock %}
 
 {% block content %}
 
     {# Profile Card #}
-    <div class='card mx-auto mt-5 col-lg-6 col-12 shadow'>
+    <div class='card mx-auto mt-5 col-lg-6 col-12 shadow-sm'>
         <div class='card-body'>
             <div class='row justify-content-center mb-3'>
                 <i class='display-1 mx-auto text-muted fas fa-user-circle'></i>