1 files changed, 15 insertions, 15 deletions
diff --git a/clams-server/src/main/resources/public/css/articles.css b/clams-server/src/main/resources/public/css/articles.css
index b7b7b4f..a3050b0 100644
--- a/clams-server/src/main/resources/public/css/articles.css
+++ b/clams-server/src/main/resources/public/css/articles.css
@@ -1,32 +1,32 @@
 .intro-text {
     text-align: center;
-    max-width: 600px;
-    margin: 0 auto 30px auto;
+    max-width: 40ch;
+    margin: 0 auto 1.8rem auto;
 }
 
 .articles-section {
-    margin-bottom: 60px;
+    margin-bottom: 3.8rem;
 }
 
 .search-form {
     text-align: center;
-    margin-bottom: 40px;
+    margin-bottom: 2.4rem;
 }
 
 .search-form input {
     font-family: var(--font-serif), serif;
-    padding: 6px 10px;
+    padding: 0.4rem 0.6rem;
     border: 1px solid var(--border-color);
     border-radius: 4px;
     background: transparent;
     color: var(--text-color);
-    width: 180px;
+    width: 11.2rem;
     font-size: 0.8rem;
 }
 
 .search-form button {
     font-family: var(--font-serif), serif;
-    padding: 6px 12px;
+    padding: 0.4rem 0.7rem;
     background: #e8e8e4;
     color: var(--text-color);
     border: 1px solid var(--border-color);
@@ -61,8 +61,8 @@
 }
 
 .article-list {
-    margin-top: 10px;
-    padding-left: 35px !important;
+    margin-top: 0.625rem;
+    padding-left: 2.2rem !important;
     border-left: 2px solid var(--border-color);
 }
 
@@ -82,8 +82,8 @@
 }
 
 .search-results-container {
-    max-width: 600px;
-    margin: 30px auto 0 auto;
+    max-width: 40ch;
+    margin: 1.8rem auto 0 auto;
 }
 
 .search-results-list {
@@ -103,8 +103,8 @@
     font-size: 0.9rem;
     color: var(--text-color);
     opacity: 0.65;
-    margin-right: 15px;
-    min-width: 110px;
+    margin-right: 0.9rem;
+    min-width: 6.8rem;
 }
 
 .search-result-item a {
@@ -118,7 +118,7 @@
 }
 
 .no-results {
-    padding: 20px;
+    padding: 1.2rem;
     background: #e8e8e4;
     border-radius: 4px;
     text-align: center;
@@ -126,7 +126,7 @@
 }
 
 .back-to-articles {
-    margin-top: 40px;
+    margin-top: 2.4rem;
     display: inline-block;
 }