more collapse fixes

PIWEEK · Jul 9, 2024 · 4b0f234 · 4b0f234
1 parent 31fa95f
commit 4b0f234
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 3 deletions.
diff --git a/editor/css/trotamundos.css b/editor/css/trotamundos.css
@@ -90,7 +90,7 @@ a:visited {
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: center;
+    justify-content: space-between;
 }
 
 .draggable {
@@ -103,17 +103,21 @@ a:visited {
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: center;
+    justify-content: space-between;
     cursor: pointer;
 }
 
 .icon {
     cursor: move;
-    margin-right: 25px;
+    margin-left: 10px;
     width: 96px;
     height: 96px;
 }
 
+.expand-icon {
+    margin-right: 10px;
+}
+
 .icon-title {
     margin: 0 12px;
     width: 75px;
@@ -125,6 +129,7 @@ a:visited {
     font-size: 24px;
     width: 100%;
     text-align: right;
+    margin-right: 10px;
 }
 
 .text-title {
@@ -162,6 +167,7 @@ a:visited {
     text-transform: uppercase;
     font-weight: bold;
     font-size: 40px;
+    width: 570px;
 }
 
 .gallery-container {

diff --git a/editor/icons/collapse.png b/editor/icons/collapse.png
diff --git a/editor/icons/expand.png b/editor/icons/expand.png
diff --git a/editor/js/trotamundos.js b/editor/js/trotamundos.js
@@ -477,6 +477,7 @@ function reloadSection(data) {
         text.addEventListener('click', openEditSubtitleEv, false);
 
         expand = document.createElement('img');
+        expand.classList.add('expand-icon');
         if (collapsed.includes(data.id)) {
             expand.src = 'icons/expand.png';
             section.classList.remove("draggable");