CSS tweaks

NatLibFi · Oct 2, 2024 · e25f28c · e25f28c
1 parent 3c32b7d
commit e25f28c
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 18 deletions.
diff --git a/resource/css/skosmos.css b/resource/css/skosmos.css
@@ -394,8 +394,20 @@ body {
   }
 
   /*** Main container frontpage ***/
-  #main-container.frontpage #vocab-box, #vocab-box .list-group-item {
-    background-color: var(--vocab-box-bg);
+
+  #vocabulary-list h2, #welcome-box h2, #vocab-info h2 {
+    font-family: var(--font-family-heading) !important;
+  }
+  header > h2 > a {
+    font-family: var(--font-family-heading) !important;
+    color: var(--dark-color)
+  }
+  #vocabulary-list .list-group-item {
+    background-color: var(--medium-color) !important;
+  }
+  #vocabulary-list .border-top {
+    border-top: 2px var(--dark-color) solid !important;
+    color: var(--secondary-dark-color);
   }
 
   .vocab-category {
@@ -960,20 +972,6 @@ body {
     }
   }
 
-  #vocabulary-list h2, #welcome-box h2, #vocab-info h2 {
-    font-family: var(--font-family-heading) !important;
-  }
-  header > h2 > a {
-    font-family: var(--font-family-heading) !important;
-    color: var(--dark-color)
-  }
-  #vocabulary-list .list-group-item {
-    background-color: var(--medium-color) !important;
-  }
-  #vocabulary-list .border-top {
-    border-top: 2px var(--dark-color) solid !important;
-    color: var(--secondary-dark-color);
-  }
   #alphabetical-menu > .list-group > .list-group-item {
     border: none !important;
   }

diff --git a/src/view/landing.twig b/src/view/landing.twig
@@ -15,8 +15,8 @@
       <h2 class="fs-2 fw-bold py-3">{{ "Available vocabularies and ontologies" | trans }}</h2>
       {% endif %}
       {% for vocabClassName,vocabArray in request.vocabList %}
-      <div class="vocab-category border-top">
-        <h3 class="fs-3 py-3">{{ vocabClassName }}</h3>
+      <div class="vocab-category border-top pb-5">
+        <h3 class="fs-3 pt-2">{{ vocabClassName }}</h3>
         <ul class="list-group">
         {% for vocab in vocabArray %}
           <li class="list-group-item border-0 ps-0"><a class="fs-4 fw-bold" href="{{ vocab.id }}/{{ request.lang }}/{% if request.contentLang != request.lang and request.contentLang != '' and request.contentLang in vocab.config.languages %}?clang={{ request.contentLang }}{% endif %}">{{ vocab.title }}</a></li>