merge dev

front/dist/resources/html/gameReport.html

@@ -1,23 +1,16 @@
 <style>
     #gameReport {
-        background: #eceeee;
-        border: 1px solid #42464b;
-        border-radius: 6px;
         margin: 2px auto 0;
         width: 298px;
     }
     #gameReport h1 {
-        background-image: linear-gradient(top, #f1f3f3, #d4dae0);
         border-bottom: 1px solid #a6abaf;
-        border-radius: 6px 6px 0 0;
         box-sizing: border-box;
-        color: #727678;
         display: block;
         height: 43px;
         padding-top: 10px;
         margin: 0;
         text-align: center;
-        text-shadow: 0 -1px 0 rgba(0,0,0,0.2), 0 1px 0 #fff;
     }
     #gameReport h3 {
         margin: 0;
@@ -44,14 +37,9 @@
     #gameReport button {
         margin-top: 10px;
         font-size: 60%;
-        background-color: #dc3545;
-        color: white;
-        border-radius: 7px;
         padding: 3px 10px 3px 10px;
     }
     #gameReport button#gameReportFormCancel {
-        background-color: #c7c7c700;
-        color: #292929;
         display: block; 
         float: right;
     }
@@ -84,9 +72,9 @@
     }
 </style>
 
-<main id="gameReport" hidden>
+<main id="gameReport" class="nes-container is-dark" hidden>
     <section>
-        <button id="gameReportFormCancel">X</button>
+        <button id="gameReportFormCancel" class="nes-btn is-dark">X</button>
         <h1>Moderate <span id="nameReported"></span></h1>
         <p id="askActionP">What action do you want to take?</p>
     </section>
@@ -94,7 +82,7 @@
         <h3>Block: </h3>
         <p>Block any communication from and to this user. This can be reverted.</p>
         <section class="action">
-            <button id="toggleBlockButton">Block this user</button>
+            <button id="toggleBlockButton" class="nes-btn is-error">Block this user</button>
         </section>
     </section>
     <section id="reportSection" hidden>
@@ -107,7 +95,7 @@
                 <p class="err" id="gameReportErr"></p>
             </section>
             <section class="action">
-                <button type="submit" id="gameReportFormSubmit">Report this user</button>
+                <button type="submit" id="gameReportFormSubmit" class="nes-btn is-error">Report this user</button>
             </section>
         </form>
     </section>