Web send updates (#848)

* updated send link copy toast message

* added a show/hide toggle for Send options

src/app/send/add-edit.component.html

@@ -65,7 +65,13 @@
                         </div>
                     </div>
                 </ng-container>
-                <h3 class="mt-5">{{'options' | i18n}}</h3>
+                <div id="options-header" class="section-header d-flex flex-row align-items-center mt-5">
+                    <h3 class="mb-0 mr-2">{{'options' | i18n}}</h3>
+                    <a class="mb-1" href="#" appStopClick role="button" (click)="toggleOptions()">
+                        <i class="fa" aria-hidden="true" [ngClass]="{'fa-chevron-down': !showOptions, 'fa-chevron-up': showOptions}"></i>
+                    </a>
+                </div>
+                <div id="options" [hidden]="!showOptions">
                     <div class="row">
                         <div class="col-6 form-group">
                             <label for="deletionDate">{{'deletionDate' | i18n}}</label>
@@ -157,9 +163,10 @@
                             <label class="form-check-label" for="disabled">{{'disableThisSend' | i18n}}</label>
                         </div>
                     </div>
+                </div>
                 <h3 class="mt-5">{{'share' | i18n}}</h3>
                 <div class="form-group" *ngIf="link">
-                    <label for="link">{{'sendLink' | i18n}}</label>
+                    <label for="link">{{'sendLinkLabel' | i18n}}</label>
                     <input type="text" readonly id="link" name="Link" [(ngModel)]="link" class="form-control">
                 </div>
                 <div class="form-group">

src/locales/en/messages.json

@@ -3370,7 +3370,7 @@
     "message": "Disabled"
   },
   "sendLink": {
-    "message": "Send Link",
+    "message": "Send link",
     "description": "'Send' is a noun and the name of a feature called 'Bitwarden Send'. It should not be translated."
   },
   "copySendLink": {
@@ -3680,5 +3680,9 @@
   },
   "copySendLinkOnSave": {
     "message": "Copy the link to share this Send to my clipboard upon save."
+  },
+  "sendLinkLabel": {
+    "message": "Send link",
+    "description": "'Send' is a noun and the name of a feature called 'Bitwarden Send'. It should not be translated."
   }
 }

src/scss/styles.scss

@@ -279,7 +279,7 @@ input, select, textarea {
 }
 
 .modal-body {
-    h3 {
+    h3, .section-header > * {
         font-weight: normal;
         text-transform: uppercase;
         color: $text-muted;