refactor: move to modals

public/scss/generics.scss

@@ -71,16 +71,6 @@
 	}
 }
 
-#crop-picture-modal {
-	#cropped-image {
-		max-width: 100%;
-	}
-
-	.cropper-container.cropper-bg {
-		max-width: 100%;
-	}
-}
-
 blockquote {
 	background-color: $light;
 	font-style: italic;

public/scss/modals.scss

@@ -30,3 +30,9 @@
 		max-width: 500px;
 	}
 }
+
+#crop-picture-modal {
+	.cropper-container.cropper-bg {
+		max-width: 100%;
+	}
+}

src/views/modals/crop_picture.tpl

@@ -12,7 +12,7 @@
 				</div>
 
 				<div class="cropper">
-					<img id="cropped-image" crossorigin="anonymous" src="{url}" alt="">
+					<img id="cropped-image" class="mw-100" crossorigin="anonymous" src="{url}" alt="">
 				</div>
 
 				<hr />