Split on two rows the segment image and annotations on the cnm segment page

views/afis/templates/afis/admin/segment.html

@@ -13,11 +13,12 @@
         <link type="text/css" rel="stylesheet" href="{{ url_for( 'files.send_app_files', subpath = 'dropzone.css' ) }}">
         
         <style type="text/css">
-            #icnml_segments_list {
+            .icnml_list_of_boxes {
                 display: grid;
                 grid-gap: 10px;
                 grid-template-columns: repeat( auto-fit, minmax( 200px, max-content ) );
                 grid-auto-rows: min-content;
+                margin-bottom: 10px;
             }
             .icnml_cnm_segments {
                 height: 200px;
@@ -44,7 +45,7 @@
         {% include navigation %}
         
         <div class="icnml_content">
-            <div id="icnml_segments_list">
+            <div class="icnml_list_of_boxes">
                 <div>
                     <div class="ui-widget-header ui-corner-top icnml_box_top">Segment preview</div>
                     <div class="ui-widget-content ui-corner-bottom icnml_box_content">
@@ -55,6 +56,8 @@
                         </div>
                     </div>
                 </div>
+            </div>
+            <div class="icnml_list_of_boxes">
                 {% for a in annotations %}
                     <div>
                         <div class="ui-widget-header ui-corner-top icnml_box_top">{{ a[ 'id' ] }}</div>