Make navbar handle longer descriptions better

This is achieved by using a smaller font and enabling hyphenation (where
possible) and justification.

sass/style.scss

@@ -11,6 +11,7 @@ $navbar-breakpoint: 640px;
 @import "../vendor/bulma/sass/grid/columns";
 @import "../vendor/bulma/sass/helpers/color";
 @import "../vendor/bulma/sass/helpers/spacing";
+@import "../vendor/bulma/sass/helpers/typography";
 @import "../vendor/bulma/sass/layout/footer";
 
 #page-wrapper {
@@ -29,6 +30,13 @@ $navbar-breakpoint: 640px;
   padding: 2rem 7.6%;
 }
 
+#navbar-description {
+  // Better layout (small column)
+  // only works with Firefox, though
+  hyphens: auto;
+  text-align: justify;
+}
+
 nav {
   padding: 0 7.6%;
 }

templates/base.html

@@ -60,7 +60,7 @@
           <aside class="column" aria-label="Sekundärer Inhalt">
             <h3>{{ config.title }}</h3>
             {{ macros::podlove_subscribe_button(size="big") }}
-            <p>{{ config.description }}</p>
+            <p id="navbar-description" class="is-size-7">{{ config.description }}</p>
           </aside>
         </div>
       </div>