From aaed3a852794b7f648fb15c9fca787fa215000e1 Mon Sep 17 00:00:00 2001
From: Amauri CHAMPEAUX <amauri@champeaux.fr>
Date: Sun, 9 May 2021 14:40:41 +0200
Subject: [PATCH] Move the allowed/denied indicator near the cookie information

---
 css/tarteaucitron.css | 8 ++++++++
 tarteaucitron.js      | 5 +++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/css/tarteaucitron.css b/css/tarteaucitron.css
index 940f8e5..a01964c 100644
--- a/css/tarteaucitron.css
+++ b/css/tarteaucitron.css
@@ -13,6 +13,14 @@ span.tarteaucitronReadmoreSeparator {
 }
 /******/
 
+/** 09052021 **/
+.tarteaucitronName .tacCurrentStatus, .tarteaucitronName .tarteaucitronReadmoreSeparator {
+    color: #333!important;
+    font-size: 12px!important;
+    text-transform: capitalize;
+}
+/**************/
+
 /** 27032021 **/
 button.tarteaucitron-toggle-group {
     display: block;
diff --git a/tarteaucitron.js b/tarteaucitron.js
index 0eb4bc4..31367cb 100644
--- a/tarteaucitron.js
+++ b/tarteaucitron.js
@@ -761,9 +761,10 @@ var tarteaucitron = {
 
             html += '<li id="' + service.key + 'Line" class="tarteaucitronLine">';
             html += '   <div class="tarteaucitronName">';
-            html += '       <span class="tarteaucitronH3" role="heading" aria-level="3">' + service.name + ' (<span id="tacCurrentStatus' + service.key + '">'+currentStatus+'</span>)</span>';
+            html += '       <span class="tarteaucitronH3" role="heading" aria-level="3">' + service.name + '</span>';
+            html += '       <span class="tacCurrentStatus" id="tacCurrentStatus' + service.key + '">'+currentStatus+'</span>';
+            html += '       <span class="tarteaucitronReadmoreSeparator"> - </span>';
             html += '       <span id="tacCL' + service.key + '" class="tarteaucitronListCookies"></span><br/>';
-
             if (tarteaucitron.parameters.moreInfoLink == true) {
 
                 var link = 'https://tarteaucitron.io/service/' + service.key + '/';