correction affichage annodate remarques

adim_project/adim_app/static/_src/scss/adim.css

@@ -3568,6 +3568,11 @@ canvas.cursor-tool-arrowgeo {
   padding: 0 3px 0 0;
   border-right: solid 1px #c9c9c9;
   width: 30px;
+  text-align: center;
+}
+#annotation-markers-panel .card-body .list-group-item-heading h4 {
+  min-width: 27px;
+  text-align: center;
 }
 .adim-env-geomo .adim-view-review #side-col.col-sm-1 {
   width: 250px;

adim_project/templates/adim/env/anodate/annotation.html

@@ -196,11 +196,11 @@
         <script type="text/template" id="adim-tool-marker-label">
             <li class="adim-tool-marker-label-item list-group-item list-group-item-secondary"
                  data-label="<%= label %>" data-annot-id="<%= id %>">
-                <div class="list-group-item-heading text-center" style="float:left;width:12%">
-                    <h4><%= label %></h4>
-                </div>
-                <div class="list-group-item-text" style="width:88%;margin-left:12%">
-                    <textarea class="form-control" style="resize: vertical" <%= ro ? 'readonly' : '' %>><%= labelComment %></textarea>
+                <div class="d-inline-flex justify-content-start">
+                    <div class="p-1 list-group-item-heading"><h4><%= label %></h4></div>
+                    <div class="ml-auto p-1 list-group-item-text">
+                        <textarea class="form-control" style="resize: vertical" <%= ro ? 'readonly' : '' %>><%= labelComment %></textarea>
+                    </div>
                 </div>
             </li>
         </script>
@@ -319,10 +319,10 @@
 
         <script type="text/template" id="shared-adim-tool-marker-label">
             <li class="adim-tool-marker-label-item list-group-item" data-annot-id="<%= id %>">
-                <div class="list-group-item-heading text-center float-left">
-                    <h5><%= label %></h5>
+                <div class="d-flex justify-content-start">
+                    <div class="p-1 list-group-item-heading"><h5><%= label %></h5></div>
+                    <div class="p-1 list-group-item-text"><%= labelComment %></div>
                 </div>
-                <div class="list-group-item-text clearfix small"><%= labelComment %></div>
             </li>
         </script>
     </div>

adim_project/templates/base.html

@@ -22,7 +22,7 @@
     {%  block navbar_brand %}
         <a class="navbar-brand" href="{% url "adim.app:home" %}">ADIM</a>
         {% if debug %}
-            <span style="color:red;font-weight: bold;font-size: large;"><i class="fa fa-exclamation-triangle"></i> ENVIRONNEMENT DE TEST </span>
+            <span style="color:red;font-weight: bold;font-size: large;"><i class="fa fa-exclamation-triangle"></i> ENVIRONNEMENT DE TEST&nbsp;</span>
         {% endif %}
     {%  endblock %}
         </div>