State of theme after design work with UnderStory Studio concluded

ckanext/digitizationknowledge_theme/assets/scss/_comments.scss

@@ -40,4 +40,22 @@
 	}
 	background:#F2F2F5;
 	padding:30px;
+}
+
+.comment-action.flag-button {
+	display: flex;
+	align-items: center;
+}
+
+.comment-flagged {
+display: flex;
+align-content: center;
+line-height: 1;
+i {
+margin-right:5px;	
+}
+}
+
+.notification-actions {
+	margin-top:15px;
 }

ckanext/digitizationknowledge_theme/assets/scss/_dataset.scss

@@ -1,18 +1,16 @@
 .dataset-item {
-    padding-bottom: 20px;
+  background-color:#f8f8fb;
+
+    padding: 20px;
     margin-bottom: 20px;
     position:relative;
-    &:not(:last-of-type):before {
-        display:block;
-        content:"";
-        position:absolute;
-        height:1px;
-        width:100%;
-        bottom:0;
-        left:0;
-        border-bottom: 1px solid #FFFFFF;
-        box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
-    }
+
+}
+.dataset-item.module-content {
+    margin-bottom: 20px !important;
+}
+.dataset-item.module-content:nth-child(1) {
+    margin-top: 20px !important;
 }
 
 
@@ -28,6 +26,11 @@
     padding-bottom: 0;
 }
 
+
+.dataset-content {
+
+}
+
 .dataset-heading {
     font-size: 16px;
     margin-top: 0;
@@ -58,7 +61,36 @@
     }
       color:white;
 }
+.dataset-resources-wrapper {
+  padding-top:20px;
+  position:relative;
+  &:before {
+      display:block;
+      content:"";
+      position:absolute;
+      height:1px;
+      width:100%;
+      top:0;
+      left:0;
+      border-bottom: 1px solid #e5e5e5;
+  }
+
+}
+.dataset-resources__top{
+  margin-bottom:.5rem;
+  display:flex;
+  align-items:center;
+}
 
+.dataset-resources__bottom{
+  list-style: none;
+  padding:0 ;
+  display:flex;
+  align-items:center;
+  li {
+    margin-right:.5rem;
+  }
+}
 .dataset-resources {
     margin-top: 8px;
 }
@@ -188,11 +220,12 @@
   transition:color .2s background .2s;
   background:transparent;
     border: 1px solid var(--badge-color);
-    --badge-color:white;
+    --badge-color:#11131E;
     color: var(--badge-color);
     &:hover {
-   background: var(--badge-color);
-
+      background: var(--badge-color);
+      color:white;
+      text-decoration:none;
     }
 }
 .badge[data-format=html],

ckanext/digitizationknowledge_theme/assets/scss/_home-about.scss

@@ -17,23 +17,33 @@
 }
 
 .home-about-blocks {
+	display:flex;
+	flex-wrap:wrap;
 	&__headline {
 		margin-bottom:1rem;
 font-size: 20px;
+text-align:center;
 
 	}
 }
 
 .home-about-block {
+	text-align:center;
+width:100%;
+	@include media-breakpoint-up(lg) {
+	width:33%;
+}
 	&:not(:last-of-type) {
 		margin-bottom:2rem;
 	}
-	background:white;
 	display:flex;
+	flex-direction:column;
 	align-items:center;
 	padding:30px;
 	&__graphic {
-		margin-right:30px;
+		width:100%;
+		max-width:200px;
+		margin-bottom:1rem;
 	}
 	&__headline {
 		font-size:25px;

ckanext/digitizationknowledge_theme/assets/scss/_homepage.scss

@@ -64,21 +64,24 @@
         }
         .tags {
             border-radius: 90px;
-            display:flex;
+            display:inline-flex;
+            flex-wrap:wrap;
                flex-direction:column;
                .tag:not(:last-of-type) {
            @include media-breakpoint-down(sm) { 
                    margin-bottom:1rem;
                }
            }
+           .tag {
+              margin:5px;  
+           }
 
            @include media-breakpoint-up(lg) { 
             background: rgba(27, 45, 118, 0.4);
                flex-direction:row;
             padding: 12px 12px 12px 25px;
            }
             align-items:center;
-            justify-content:space-between;
 
             h3 {
                 font-size: $font-size-base;

ckanext/digitizationknowledge_theme/assets/scss/_layout.scss

@@ -96,6 +96,12 @@
       color: #A5A5CA;
     }
   }
+  [data-bs-toggle="collapse"] .fa-chevron-down {
+      transition: transform 0.2s ease;
+  }
+  [data-bs-toggle="collapse"][aria-expanded="false"] .fa-chevron-down {
+      transform: rotate(-90deg);
+  }
 }
 
 @include media-breakpoint-down(md) {
@@ -278,3 +284,33 @@
 .view-preview-container {
   margin-top: 20px;
 }
+
+
+.section-header {
+  margin-bottom:2rem;
+
+}
+.section-header__headline-wrap {
+  text-align:center;
+  color:white;
+  background: linear-gradient(90deg, rgba(19, 42, 136, 0.7) 0%, rgba(4, 134, 123, 0.7) 100%), linear-gradient(0deg, rgba(56, 80, 174, 0.4), rgba(56, 80, 174, 0.4)), url("#{$imagePath}/section-header.jpg");
+  border-radius: 15px;
+  background-size:cover;
+  padding: 30px 20px;
+  margin-bottom:2rem;
+}
+
+.section-header__headline {
+  margin:0;
+  @include media-breakpoint-up(lg) {
+  font-size:35px;
+  }
+}
+
+.section-header__copy {
+  text-align:center;
+  margin:0 auto;
+  @include media-breakpoint-up(lg) {
+  width:58%;
+}
+}

ckanext/digitizationknowledge_theme/assets/scss/_masthead.scss

@@ -202,7 +202,6 @@ $notificationsBg: #C9403A;
 
                         &:hover,
                         &:focus {
-                            color: $white;
                             text-decoration: if($link-hover-decoration == underline, none, null);
                         }
 

ckanext/digitizationknowledge_theme/assets/scss/_module.scss

@@ -14,6 +14,7 @@
 
 .filters .module {
     background:transparent !important;
+    margin-bottom:10px !important;
 }
 
 
@@ -31,7 +32,9 @@
 }
 
 
-
+.module-content.page-header + .module-content {
+    background:white;
+}
 .module-content {
     padding:$grid-gutter-width;
 
@@ -196,17 +199,16 @@ article.module {
 
 .module-image {
     float: left;
-    width: 50px;
+    width: 100px;
     height: 50px;
-    border-radius:100%;
     overflow:hidden;
     line-height: 50px;
     text-align: center;
     margin-right: 15px;
     img {
         width:100%;
         height:100%;
-        object-fit:cover;
+        object-fit:contain;
     }
 }
 

ckanext/digitizationknowledge_theme/assets/scss/_nav.scss

@@ -77,7 +77,9 @@
         white-space: nowrap;
     }
 }
-
+.item-count.badge {
+    color:white;
+}
 
 .module-narrow .nav-item>a,
 .module-narrow .nav-aside li a {