fix styling of banners section

static/style.scss

@@ -15,8 +15,10 @@ $c-shadow-soft:    #1C1A281F;
 
 $c-article-bd:     #C0B9C491;
 
-$c-primary:        #F9AB00;
-$c-primary-ink:    #F9AB00AA;
+$c-primary:        #609A21;
+
+$c-banner:         #F9AB00;
+$c-banner-ink:     #F9AB00AA;
 
 $c-link:           #0472D8;
 $c-link-hover:     #0053B9;
@@ -180,12 +182,21 @@ body {
     text-decoration: none;
 
     &:hover {
-        box-shadow: inset 0 0 0 4px $c-primary-ink;
+        box-shadow: inset 0 0 0 4px $c-banner-ink;
+    }
+
+    table {
+        table-layout: fixed;
     }
 
     td {
         text-align: center;
         vertical-align: middle;
+
+        &:first-child,
+        &:last-child {
+            width: 128px;
+        }
     }
 
     img {
@@ -193,7 +204,7 @@ body {
     }
 
     h1 {
-        color: $c-primary;
+        color: $c-banner;
         font-size: 2.5em;
         margin: 0 0 16px;
     }
@@ -202,14 +213,14 @@ body {
         margin: 0em;
     }
 
-    .p-link {
-        margin-top: 16px;
-        color: $c-primary;
-        font-weight: bold;
-    }
-
     a {
-        color: $c-primary;
+        display: block;
+        margin-top: 16px;
+        overflow-wrap: anywhere;
+        word-break: break-word;
+        font-weight: bold;
+        color: $c-banner;
+        border: none;
     }
 }
 
@@ -478,10 +489,6 @@ iframe {
         p {
             margin-top: 0.5em;
         }
-
-        .p-link {
-            display: none;
-        }
     }
 
     .p-socials a {

templates/tmpl/_banner.htm

@@ -7,9 +7,7 @@
             <td valign="top">
                 <h1>{{ _('banner:header') }}</h1>
                 <p>{{ _('banner:text') }}</p>
-                <p class="p-link">
-                    <a href="{{ _('banner:url') }}">{{ _('banner:url') }}</a>
-                </p>
+                <a href="{{ _('banner:url') }}">{{ _('banner:url') }}</a>
             </td>
             <td valign="top" width="128">
                 <img src="{{ url_for('static', filename='img/banners/' + _('banner:img')) }}" alt="{{ _('banner:alt') }}">