From 2fd2476ead144c96ac26175d58527ce64be72b08 Mon Sep 17 00:00:00 2001
From: Aleksandra Bozek <aleksandra.m.bozek@gmail.com>
Date: Thu, 7 Nov 2024 16:52:16 +0100
Subject: [PATCH] Changes after QA

---
 .../Resources/public/scss/_preview-header.scss   | 16 ++++++++++------
 src/bundle/Resources/public/scss/_preview.scss   |  1 -
 .../admin/content/content_preview.html.twig      |  6 ++++--
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/bundle/Resources/public/scss/_preview-header.scss b/src/bundle/Resources/public/scss/_preview-header.scss
index 1b1aa8db7f..9e29841110 100644
--- a/src/bundle/Resources/public/scss/_preview-header.scss
+++ b/src/bundle/Resources/public/scss/_preview-header.scss
@@ -1,40 +1,44 @@
 .ibexa-preview-header {
     display: grid;
     grid-template-areas: 'siteaccess actions back';
-    grid-template-columns: auto 1fr 1fr;
+    grid-template-columns: auto 1fr auto;
     border-bottom: calculateRem(1px) solid $ibexa-color-dark-400;
     background-color: $ibexa-color-dark;
 
     &__item {
+        padding: calculateRem(10px);
+
         &--back {
             grid-area: back;
-            padding: calculateRem(10px);
             justify-items: flex-end;
         }
 
         &--siteaccess {
             grid-area: siteaccess;
-            padding: calculateRem(10px);
             display: flex;
             align-items: center;
             margin-left: calculateRem(16px);
 
             .ibexa-dropdown {
-                --ibexa-dropdown-primary-color: $ibexa-color-white;
-                --ibexa-text-color: $ibexa-color-white;
+                --ibexa-dropdown-primary-color: #{$ibexa-color-white};
+                --ibexa-text-color: #{$ibexa-color-white};
             }
 
             .ibexa-dropdown__selection-info {
                 margin-bottom: 0;
+                border: none;
             }
         }
 
         &--actions {
             grid-area: actions;
-            padding: calculateRem(10px);
             display: flex;
             align-items: center;
         }
+
+        &--separation-line {
+            border-right: calculateRem(1px) solid $ibexa-color-dark-400;
+        }
     }
 
     &__link {
diff --git a/src/bundle/Resources/public/scss/_preview.scss b/src/bundle/Resources/public/scss/_preview.scss
index da13f23985..8e79658499 100644
--- a/src/bundle/Resources/public/scss/_preview.scss
+++ b/src/bundle/Resources/public/scss/_preview.scss
@@ -9,7 +9,6 @@
             margin: 0 auto;
             transition: all $ibexa-admin-transition-duration $ibexa-admin-transition;
             background: $ibexa-color-white;
-            border-radius: $ibexa-border-radius;
         }
 
         &--desktop {
diff --git a/src/bundle/Resources/views/themes/admin/content/content_preview.html.twig b/src/bundle/Resources/views/themes/admin/content/content_preview.html.twig
index 58f2531deb..5894de2e2b 100644
--- a/src/bundle/Resources/views/themes/admin/content/content_preview.html.twig
+++ b/src/bundle/Resources/views/themes/admin/content/content_preview.html.twig
@@ -14,8 +14,10 @@
 
 {% block header_row %}
     <div class="ibexa-preview-header">
-        <div class="ibexa-preview-header__item ibexa-preview-header__item--siteaccess">
-            {{ form(site_access_form) }}
+        <div class="ibexa-preview-header__item">
+            <div class="ibexa-preview-header__item--siteaccess ibexa-preview-header__item--separation-line">
+                {{ form(site_access_form) }}
+            </div>
         </div>
         <div class="ibexa-preview-header__item ibexa-preview-header__item--actions">
             <button data-preview-mode="desktop" class="btn ibexa-btn ibexa-btn--no-text ibexa-btn--dark-selector ibexa-btn--selected ibexa-preview-header__action">