added UI for the media preview's description

src/app/components/create-status/media/media.component.html

@@ -7,7 +7,7 @@
             <button class="media__loaded--button" title="remove" (click)="removeMedia(m)">
                 <fa-icon [icon]="faTimes"></fa-icon> 
             </button>
-            <!-- <input></input> -->
+            <input class="media__loaded--description" autocomplete="off" placeholder="Describe for the visually impaired"/>
         </div>
         <img class="media__loaded--preview" src="{{m.attachment.preview_url}}" />
     </div>

src/app/components/create-status/media/media.component.scss

@@ -35,9 +35,7 @@
             opacity: 100;
         }
 
-        &--button {
-            display: block;
-            border:1px solid red;
+        &--button {           
             @include clearButton;
             width: 10px;
             height: 10px;
@@ -47,6 +45,15 @@
             color: white;
         }
 
+        &--description {
+            position: absolute;
+            bottom:5px;
+            left: 5px;
+            width: calc(100% - 10px);
+            // background: black;
+            // color: white;
+        }
+
         &--preview {
             // display: block;