From 09164c92983810ea8a14bb2fce0febea86d77587 Mon Sep 17 00:00:00 2001
From: Santeri Korri <santeri.korri@knowit.fi>
Date: Thu, 15 Jun 2023 10:28:52 +0300
Subject: [PATCH] OY-4335 Irrotettu hakutoiveen otsikkotietojen ja
 valintatapajonon gridit toisistaan
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

  Aikaisemmin leveä valintatapajono aiheuttti myös otsikkotietojen valumisen
  oikealta ulos kapealla ruudulle.
---
 src/main/js/directives/valintatulos.html            |  7 +++++++
 .../less/hakemuseditori/templates/valintatulos.less | 13 ++++++++++---
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/main/js/directives/valintatulos.html b/src/main/js/directives/valintatulos.html
index e0dc1b1e0..003e52657 100644
--- a/src/main/js/directives/valintatulos.html
+++ b/src/main/js/directives/valintatulos.html
@@ -10,6 +10,9 @@
                 {{ $index + 1 }}
             </div>
         </div>
+
+      <div class="hakutoive-wrapper">
+
         <div class="hakutoive-grid">
             <div class="hakutoive-grid__kuvaus hakutoive-grid__hakutoive-grid-item">
                 <span class="hakutoive-grid__kuvaus--tarjoaja-nimi">{{ hakutoive.tarjoajaNimi }}</span>
@@ -78,6 +81,8 @@
                     </div>
                 </div>
             </div>
+          </div>
+          <div class="hakutoive-grid">
             <div class="hakutoive-grid__valintatapajonon-valintatapa hakutoive-grid__valintatapajono-grid-item hakutoive-grid__valintatapajono-header"
                  ng-if="isJonokohtaisetTulostiedotVisible(hakutoive)">
                 <span class="hakutoive-grid__valintatapajono-grid-text">
@@ -134,6 +139,8 @@
                     {{ getVarasijaDisclaimer(jonokohtainenTulostieto) }}
                 </span>
             </div>
+          </div>
+
         </div>
     </div>
 </div>
diff --git a/src/main/less/hakemuseditori/templates/valintatulos.less b/src/main/less/hakemuseditori/templates/valintatulos.less
index ed4aad418..03f3dbfc0 100644
--- a/src/main/less/hakemuseditori/templates/valintatulos.less
+++ b/src/main/less/hakemuseditori/templates/valintatulos.less
@@ -60,6 +60,10 @@
   width: 100%;
 }
 
+.hakutoive-wrapper {
+  width: 100%;
+}
+
 .hakutoive-grid__kuvaus--tarjoaja-nimi {
   font-weight: 600;
 }
@@ -219,7 +223,7 @@
   font-weight: 600;
 }
 
-.hakutoive-grid .hakutoive-grid__valintatapajono-grid-item:nth-child(-n+6) {
+.hakutoive-grid .hakutoive-grid__valintatapajono-grid-item:nth-child(-n+4) {
   border-top: 1px solid #8B99A0;
   margin-top: 10px;
 }
@@ -300,9 +304,13 @@
   .hakutoive__prioriteetti--sticky-container {
     height: 140px;
   }
-  .hakutoive-grid {
+
+  .hakutoive-wrapper {
     flex-basis: 1040px;
     flex-grow: 1;
+  }
+
+  .hakutoive-grid {
     grid-template-columns: auto 150px 150px 415px;
     padding: 10px 35px;
     width: 100%;
@@ -388,7 +396,6 @@
 
   .hakutoive-grid__valintatapajonon-valinnan-tulos {
     grid-column-start: 4;
-    grid-column-end: 6;
     padding-left: 3em;
   }
 }