adjust font sizes

ephios-dev · Aug 9, 2023 · b6cd210 · b6cd210
1 parent 554c34c
commit b6cd210
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/ephios/core/templates/core/mails/base.html b/ephios/core/templates/core/mails/base.html
@@ -26,7 +26,7 @@
         td.header {
             padding: 10px;
             text-align: center;
-            font-size: 18px;
+            font-size: 20px;
             max-width: 600px;
             margin: 0 auto;
         }
@@ -49,15 +49,22 @@
 
         table.container {
             max-width: 600px;
-            width: 600px;
             margin: 0 auto;
             background-color: #fcfdfd;
             border-radius: 6px;
             border: 1px solid #0000002C;
-            padding: 20px;
+            padding: 24px;
+            font-size: 16px;
         }
 
         h1 {
+            font-size: 32px;
+            margin-top: 0;
+            margin-bottom: 1rem;
+        }
+
+        h2 {
+            font-size: 24px;
             margin-top: 0;
             margin-bottom: 1rem;
         }
@@ -93,6 +100,7 @@
             padding: 0.4rem 0.8rem;
             border-radius: 0.375rem;
             display: inline-block;
+            margin-top: 6px;
         }
 
         .btn-primary {
@@ -108,7 +116,7 @@
 <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="outer">
     <tr>
         <td align="center" valign="top">
-            <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="600" class="container">
+            <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="container">
                 <tr>
                     <td class="top-logo">
                         <a href="{{ SITE_URL }}">

diff --git a/ephios/core/templates/core/mails/notification.html b/ephios/core/templates/core/mails/notification.html
@@ -4,7 +4,7 @@
 
 {% block emailcss %}
     td.actions {
-    padding-top: 28px;
+    padding-top: 22px;
     text-align: center;
     margin: 0 auto;
     }