Issue #1200 : design fixes

admin/themes/default/template/cat_move.tpl

@@ -26,12 +26,13 @@ var openCat = {$open_cat};
   <h2>{'Move albums'|@translate}</h2>
 </div>
 
-<div class="waiting-message"> <i class='icon-spin6 animate-spin'> </i> Waiting for Piwigo response...</div>
+<div class="waiting-message"> <i class='icon-spin6 animate-spin'> </i> {"Waiting for a response from Piwigo"|@translate}</div>
 
 
 <div class="cat-move-order-popin">
   <div class="order-popin-container">
     <a class="close-popin icon-cancel" onClick="$('.cat-move-order-popin').fadeOut()"> </a>
+    <div class="popin-title"><span class="icon-sort-number-up icon-green"></span>{"Apply an automatic order"|@translate}</div>
     <div class="album-name icon-flow-tree"></div>
     <form action="{$F_ACTION}" method="post">
       <input type="hidden" name="id" value="-1">

admin/themes/default/theme.css

@@ -464,7 +464,7 @@ TABLE.doubleSelect SELECT.categoryList {
 }
 
 .waiting-message.visible {
-  transform: translateY(0%);
+  transform: translateY(80%);
 }
 
 /* Statistic Page */
@@ -2897,14 +2897,14 @@ FORM#categoryOrdering p.albumActions .userSeparator {margin:0 5px;}
 }
 
 .cat-move-order-popin .album-name {
-  font-size: 20px;
+  font-size: 16px;
   color: #3C3C3C;
 }
 
 .cat-move-order-popin .choice-container {
   display: flex;
   flex-direction: column;
-  padding: 15px 5px;
+  padding: 10px 5px;
 }
 
 .cat-move-order-popin label {
@@ -2939,6 +2939,15 @@ FORM#categoryOrdering p.albumActions .userSeparator {margin:0 5px;}
 
 .cat-move-order-popin .close-popin:hover { color: #ffa646;}
 
+.popin-title {font-weight: bold; font-size: 15px; margin-bottom: 15px; color: #3C3C3C;}
+
+.popin-title span {
+  padding: 7px;
+  border-radius: 25px;
+  font-size: 15px;
+  margin-right: 10px; 
+}
+
 /*Overwrite JQtree CSS*/
 
 .jqtree_common {