From 785ca542a9e530417841c3b18b2195a9fc257acd Mon Sep 17 00:00:00 2001
From: milospp <misa01523@gmail.com>
Date: Sun, 15 Oct 2023 11:10:10 +0200
Subject: [PATCH] fix: Co-author Network graph size on mobile phone

---
 .../main/webapp/themes/wilma/css/wilma.css    | 77 ++++++++++++++++++-
 1 file changed, 76 insertions(+), 1 deletion(-)

diff --git a/webapp/src/main/webapp/themes/wilma/css/wilma.css b/webapp/src/main/webapp/themes/wilma/css/wilma.css
index 14675610d..d66010eea 100644
--- a/webapp/src/main/webapp/themes/wilma/css/wilma.css
+++ b/webapp/src/main/webapp/themes/wilma/css/wilma.css
@@ -2159,13 +2159,88 @@ span.subclassExpandMinus {
 
 #chord {
     width: 100%;
+    float: left !important;
     overflow: auto;
 }
 
+
 #chord > svg {
-    width: 100%;
+    transform-origin: 0 50%;
+    -webkit-transform-origin: 0 50%;
+    -ms-transform-origin: 0 50%;
+    transform-origin: 0 50%;
 }
 
+@media (max-width: 360px) {
+    #chord > svg {
+        scale: 0.3;
+    }
+    
+    #chord-info-div {
+        scale: 0.7;
+    }
+}
+
+@media (min-width: 361px) and (max-width: 399px) {
+    #chord > svg {
+        scale: 0.4;
+    }
+    
+    #chord-info-div {
+        scale: 0.7;
+    }
+}
+
+
+@media (min-width: 400px) and (max-width: 449px) {
+    #chord > svg {
+        scale: 0.44;
+    }
+    
+    #chord-info-div {
+        scale: 0.7;
+    }
+}
+
+
+
+@media (min-width: 450px) and (max-width: 499px) {
+    #chord > svg {
+        scale: 0.5;
+    }
+    
+    #chord-info-div {
+        scale: 0.7;
+    }
+}
+
+
+
+@media (min-width: 500px) and (max-width: 575px) {
+    #chord > svg {
+        scale: 0.55;
+    }
+    
+    #chord-info-div {
+        scale: 0.8;
+    }
+}
+
+@media (min-width: 576px) and (max-width: 767px) {
+    #chord > svg {
+        scale: 0.6;
+    }
+}
+
+
+@media (min-width: 768px) and (max-width: 991px) {
+    #chord > svg {
+        scale: 0.8;
+    }
+}
+
+
+
 #sparkline-container-full > #publication-count-sparkline-include {
     width: 100%;
     margin-bottom: 0px;