From 544445c4ae6f6c976db61e09702d6f0c75440d23 Mon Sep 17 00:00:00 2001
From: Juan Ferrer Toribio <juan@verdnatura.es>
Date: Sun, 25 Jun 2023 19:52:14 +0200
Subject: [PATCH] refs #5800 Origin separator style more clear

---
 front/salix/components/log/index.html |  9 ++++++---
 front/salix/components/log/style.scss | 21 +++++++++++++++++----
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/front/salix/components/log/index.html b/front/salix/components/log/index.html
index 68c828772..084bf9834 100644
--- a/front/salix/components/log/index.html
+++ b/front/salix/components/log/index.html
@@ -16,9 +16,12 @@
     model="model"
     class="vn-w-sm vn-px-sm vn-pb-xl">
     <div class="origin-log" ng-repeat="originLog in $ctrl.logTree">
-        <h6 class="origin-info vn-my-md" ng-if="::$ctrl.logTree.length > 1">
-            {{::$ctrl.modelI18n}} #{{::originLog.originFk}}
-        </h6>
+        <div class="origin-info vn-mb-md" ng-if="::$ctrl.logTree.length > 1">
+            <h6 class="origin-id">
+                {{::$ctrl.modelI18n}} #{{::originLog.originFk}}
+            </h6>
+            <div class="line"></div>
+        </div>
         <div class="user-log vn-mb-sm" ng-repeat="userLog in ::originLog.logs">
             <div class="timeline">
                 <vn-avatar
diff --git a/front/salix/components/log/style.scss b/front/salix/components/log/style.scss
index 2be7b35d3..3ecbbb609 100644
--- a/front/salix/components/log/style.scss
+++ b/front/salix/components/log/style.scss
@@ -6,10 +6,23 @@ vn-log {
             margin-top: 0;
         }
         & > .origin-info {
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            color: $color-font-secondary;
+            display: flex;
+            align-items: center;
+            margin-top: 28px;
+            gap: 6px;
+
+            & > .origin-id {
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                color: $color-font-secondary;
+                margin: 0;
+            }
+            & > .line {
+                flex-grow: 1;
+                background-color: $color-font-secondary;
+                height: 2px;
+            }
         }
     }
     .user-log {