Add mascot to configure warning modal

diff --git a/client/src/app/modal/instance-config-warning-modal.component.html b/client/src/app/modal/instance-config-warning-modal.component.html
index 64f14e69b4c6fda253b9206d929d435c5da8967d..93391c0a8a79e912a2113bded14ceab7d50e964c 100644 (file)
--- a/client/src/app/modal/instance-config-warning-modal.component.html
+++ b/client/src/app/modal/instance-config-warning-modal.component.html
@@ -5,6 +5,7 @@
   </div>
 
   <div class="modal-body">
+    <img class="mascot" src="/client/assets/images/mascot/oh.png" alt="mascot" />
 
     <p i18n>Hello dear administrator. You enabled user registration on your instance but you did not configure the following fields:</p>
 
@@ -26,7 +27,7 @@
     </p>
 
     <div class="configure-instance">
-      <a i18n href="/admin/config/edit-custom" target="_blank" rel="noopener noreferrer">Configure these fields</a>
+      <a i18n class="action-button action-button-configure" href="/admin/config/edit-custom" target="_blank" rel="noopener noreferrer">Configure these fields</a>
     </div>
 
   </div>

diff --git a/client/src/app/modal/instance-config-warning-modal.component.scss b/client/src/app/modal/instance-config-warning-modal.component.scss
index ff62a1b9c1e0387bd9234b0f705450474ebf057c..4a76a13190d0de702bbbf64d7d8eef8f9b72ee33 100644 (file)
--- a/client/src/app/modal/instance-config-warning-modal.component.scss
+++ b/client/src/app/modal/instance-config-warning-modal.component.scss
@@ -20,3 +20,15 @@ li {
   margin-top: 40px;
   margin-bottom: 10px;
 }
+
+.mascot {
+  display: block;
+  margin: 0 auto 50px;
+}
+
+.action-button-configure {
+  display: inline-block;
+
+  @include peertube-button;
+  @include orange-button;
+}