Add tiny font, update date language

client/src/components/NewsTeasers.vue

@@ -2,7 +2,7 @@
   <div class="news__teasers teasers">
     <div v-for="teaser in newsTeasers" :key="teaser.id" class="teasers__teaser teaser">
       <img :src="teaser.imageUrl" class="teaser__image" />
-      <p class="teaser__image-source"><a class="hep-link" :href="teaser.imageSource">Quelle</a></p>
+      <p class="teaser__image-source"><a class="tiny" :href="teaser.imageSource">Quelle {{teaser.imageSource}}</a></p>
       <h4 class="teaser__title">{{teaser.title}}</h4>
       <p class="teaser__description">{{teaser.description}}</p>
       <p class="teaser__date">{{teaser.displayDate}}</p>
@@ -79,6 +79,14 @@
       }
     }
 
+    &__image-source {
+      line-height: 25px;
+    }
+
+    &__description {
+      margin-bottom: $large-spacing;
+    }
+
     &__date {
       font-family: $sans-serif-font-family;
       font-weight: $font-weight-regular;

client/src/styles/_typography.scss

@@ -80,3 +80,10 @@ input, textarea, select, button {
   font-family: $sans-serif-font-family;
   color: $color-brand-dark;
 }
+
+.tiny {
+  font-size: 0.6875rem; //11px
+  font-family: $sans-serif-font-family;
+  font-weight: $font-weight-regular;
+  color: $color-silver-dark;
+}

server/core/settings.py

@@ -399,4 +399,3 @@ TASKBASE_BASEURL = os.environ.get("TASKBASE_BASEURL")
 TEST_RUNNER = 'xmlrunner.extra.djangotestrunner.XMLTestRunner'
 TEST_OUTPUT_DIR = './test-reports/'
 TEST_OUTPUT_VERBOSE = 1
-

server/newsteaser/schema_public.py

@@ -1,3 +1,5 @@
+import locale
+
 import graphene
 from graphene import relay
 from graphene_django import DjangoObjectType
@@ -15,6 +17,7 @@ class NewsTeaserNode(DjangoObjectType):
         interfaces = (relay.Node,)
 
     def resolve_display_date(self, *args, **kwargs):
+        locale.setlocale(locale.LC_TIME, "de_DE")
         return self.date.strftime("%d. %B %Y")