change issue detail size

Author: tcoupin

Diff for: src/css/main.scss

@@ -27,11 +27,11 @@ body {
 	ul.tabs {
 		height: 100%;
 	}
-        #version {
-          position: absolute;
-          bottom: 56px;
-          width: 100%;
-        }
+  #version {
+    position: absolute;
+    bottom: 56px;
+    width: 100%;
+  }
 }
 
 nav.nav-extended {
@@ -46,18 +46,17 @@ nav.nav-extended {
 		top: 64px;
 		z-index: 997;
 	}
-        @media #{$small-and-down} {
-          ul.tabs {
-            top: 56px;
-          }
-        }
+  @media #{$small-and-down} {
+    ul.tabs {
+      top: 56px;
+    }
+  }
 	& > div {
 		margin-top: 48px;
 	}
 }
 
 #issues {
-	
 	.spinner {
 		display: none;
 		&:only-child {
@@ -70,7 +69,8 @@ nav.nav-extended {
 		.spinner {
 			display: block;
 		}
-	}
+  }
+  
 }
 
 #stats {

Diff for: src/css/materialize-custom.scss

@@ -1,11 +1,14 @@
 .modal {
     &.big {
-        width: 90%;
+        width: 70%;
         max-height: 90%;
         top: 5% !important;
         &.modal-fixed-footer {
             height: 90%;
         }
+        @media #{$medium-and-down} {
+          width: 90%;
+       }
     }
     &.fullscreen {
         width: 100%;

Diff for: src/html/issue-detail.js

@@ -3,7 +3,7 @@ export default function(issue){
   return `
 <div class="modal-content">
   <div class="row">
-      <div class="col s12 m6 l4 xl3">
+      <div class="col s12 m6 l5 xl4">
           <div class="center-align">
               <img class="materialboxed center-align" src="${issue.img}">
           </div>
@@ -16,7 +16,11 @@ export default function(issue){
               <img class="materialboxed center-align" src="${issue.map}">
           </div>
       </div>
-      <div class="col s12 m12 l8 xl9">
+      <div class="col s12 m12 l7 xl8">
+          <h6 class="center-align valign-wrapper">
+            ${(issue.approved == 0) ? '<i class="material-icons">new_releases</i> Ce signalement sera vérifié prochainement par un modérateur' : ''}
+            ${(issue.status == 1) ? '<i class="material-icons">check_circle</i> Ce signalement a été pris en compte et le problème corrigé !' : ''}
+          </h6>
           <p><b>Référence de suivi :</b></p>
           <h4 class="center-align">${issue.token}</h4>
           <p>