Merge branch 'admin-users' into shigusegubu-themes3

src/components/confirm_modal/confirm_modal.vue

@@ -10,6 +10,7 @@
 
     <div class="content">
       <FAIcon
+        class="confirm-icon"
         icon="circle-question"
         size="3x"
         fixed-width
@@ -42,6 +43,12 @@
 <script src="./confirm_modal.js"></script>
 <style lang="scss">
 .confirm-modal {
+  .confirm-icon {
+    margin-left: 0.75rem;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+  }
+
   .content {
     display: flex;
     align-items: center;
@@ -50,8 +57,8 @@
     line-height: 1.5;
 
     p {
-      margin: 0.75em;
-      margin-right: 0;
+      margin-top: 0.75em;
+      margin-bottom: 0.75em;
 
       &:first-child {
         margin-top: 0;
@@ -69,6 +76,8 @@
 
   .text {
     max-width: 50ch;
+    margin-left: 0.5em;
+    margin-right: 3.5em;
   }
 }
 </style>