Unify user profile display with a nice macro and handle camera errors

core/static/core/style.scss

@@ -260,6 +260,12 @@ a:not(.button) {
       }
     }
 
+    &.btn-red {
+      background-color: #fc8181;
+      color: black;
+      border: #fc8181 1px solid;
+    }
+
     i {
       margin-right: 4px;
     }

core/static/user/user_edit.scss

@@ -63,6 +63,11 @@
       padding: 10px 10px 0;
     }
 
+    .camera-error {
+      background-color: red;
+      min-width: 100%;
+    }
+
     &-display {
       display: flex;
       flex-direction: column;
@@ -74,13 +79,17 @@
         height: auto;
       }
 
-      >img {
+      > img, > video {
         width: 100% !important;
         object-fit: contain;
         height: auto;
         max-height: 100%;
       }
 
+      > i {
+        font-size: 32px;
+      }
+
       >p {
         text-align: left !important;
         width: 100% !important;