Feature: Send attachments to widget user (#621)

app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss

@@ -31,26 +31,36 @@
   }
 
   .image {
-    @include flex;
-    align-items: flex-end;
-    justify-content: center;
-    text-align: center;
-
-    img {
-      @include padding($space-small);
-      max-height: 30rem;
-      max-width: 20rem;
-    }
+    cursor: pointer;
+    position: relative;
 
     .time {
-      margin-left: -$space-large;
+      bottom: $space-smaller;
+      color: $color-white;
+      position: absolute;
+      right: $space-small;
       white-space: nowrap;
     }
 
+    .modal-container {
+      text-align: center;
+    }
+
     .modal-image {
-      max-height: 80%;
       max-width: 80%;
     }
+
+    &::before {
+      $color-black: #000;
+      background-image: linear-gradient(-180deg, transparent 3%, $color-black 70%);
+      bottom: 0;
+      content: '';
+      height: 20%;
+      left: 0;
+      opacity: .8;
+      position: absolute;
+      width: 100%;
+    }
   }
 
   .map {

app/javascript/dashboard/assets/scss/widgets/_reply-box.scss

@@ -47,7 +47,7 @@
       }
     }
 
-    >.icon {
+    .icon {
       color: $medium-gray;
       cursor: pointer;
       font-size: $font-size-medium;
@@ -58,6 +58,16 @@
       }
     }
 
+    .file-uploads>label {
+      cursor: pointer;
+    }
+
+    .attachment {
+      cursor: pointer;
+      margin-right: $space-one;
+      padding: 0 $space-small;
+    }
+
     >textarea {
       @include ghost-input();
       @include margin(0);