Fix #244 and rounded corners in xs viewpoint

resources/assets/sass/custom.scss

@@ -214,6 +214,10 @@ body, button, input, textarea {
   .max-hide-overflow {
     max-height: 600px!important;
   }
+  .card-md-rounded-0 {
+    border-width: 1px 0;
+    border-radius:0 !important;
+  }
 }
 
 @media (min-width: map-get($grid-breakpoints, "md")) {
@@ -234,3 +238,8 @@ body, button, input, textarea {
   height: 32px;
   background-position: 50%;
 }
+
+.status-photo img {
+    object-fit: contain;
+    max-height: calc(100vh - (6rem));
+}