Adjust navbar spacing and card placement.

educates · Dec 14, 2023 · ed399d0 · ed399d0
1 parent d4c7467
commit ed399d0
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/training-portal/src/project/apps/workshops/templates/workshops/catalog.html b/training-portal/src/project/apps/workshops/templates/workshops/catalog.html
@@ -44,10 +44,10 @@
   </div>
 {% endif %}
 
-  <div class="jumbotron jumbotron-fluid">
+  <div class="jumbotron jumbotron-fluid bg-light">
     <div class="container">
       {% if catalog %}
-        <div class="row row-cols-1 row-cols-md-3 mt-1 g-3">
+        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 row-cols-xl-4 mt-1 g-3">
           {% for entry in catalog %}
             <div class="col">
               <div class="card h-100">

diff --git a/training-portal/src/project/static/styles/project.css b/training-portal/src/project/static/styles/project.css
@@ -1,10 +1,18 @@
 .navbar {
   height: 50px;
-  padding: 0.6em;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-right: 12px;
+  padding-left: 12px;
 }
 
 .navbar img {
   height: 30px;
   margin: 0px;
   padding: 0px;
 }
+
+.container {
+  padding-top: 0px;
+  padding-bottom: 15px;
+}