style de immages des commentaires : bouton uplad et images affichées

public/views/css/d.poi.css

@@ -57,7 +57,8 @@ section.archive > * {
 	width: 90%;
 	background: #efefef;
 	border: 1px solid #ccc;
-	border-bottom: 3px solid #ccc;
+	border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
 }
 #new_comment_label {
 	background: #ccc;
@@ -88,6 +89,21 @@ section.archive > * {
 	width: calc(100% - 20px);
 }
 
+#new_comment_form #photo {
+    display: none;
+}
+#new_comment_form .upload-btn {
+    display: block;
+    width: 100%;
+    border-bottom: 2px solid blue;
+	border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+	text-align: center;
+	background: #ccc;
+	padding: 7px 0;
+	color: black;
+}
+
 #new_comment_label.sent {
 	cursor: default;
 }
@@ -136,6 +152,15 @@ section article.comment_archive {
 	opacity: 0.5;
 }
 
+.comment-photo {
+	max-width: 100%;
+}
+
+.comment-photo img {
+	max-width: 100%;
+	border: 1px solid #bbb;
+}
+
 /*********************************/
 /** Editor page                 **/
 /*********************************/
@@ -657,6 +682,7 @@ form.form input[type="checkbox"]:checked + span:before {
 .bool-grid .bool-cell {
     margin-right: 10px;
     text-align: center;
+    flex: 1;
 }
 
 .bool-grid .bool-cell:last-child {

public/views/d.poi.view.html

@@ -195,7 +195,9 @@
 							<div id="new_comment_form">
 								<textarea id="comment" name="comment" rows="5" placeholder="Votre commentaire"></textarea>
 
-					            <label for="photo">Ajouter une photo</label>
+								<label for="photo" class="upload-btn">
+								    <i class="fas fa-file-image"></i> Ajouter une photo
+								</label>
 								<input type="file" id="photo" name="photo" accept="image/*">
 							</div>
 						</form>