src/app/modules/legacy/components/banner/banner.ts

@@ -26,7 +26,7 @@ import { Client } from '../../../../services/api';
  </div>
  <div class="minds-banner-overlay"></div>
 
- <button class="add-button mdl-button mdl-button--raised mdl-button--colored material-icons" (click)="onClick($event)">
+ <button class="add-button mdl-button mdl-button--raised mdl-button--colored material-icons" title="Upload image to current banner carousel slide" (click)="onClick($event)">
  <i class="material-icons">file_upload</i>
  </button>
 

src/app/modules/legacy/components/carousel.component.ts

@@ -19,8 +19,10 @@ import { Client } from '../../../services/api';
  (added)="added($event, i)"
  ></minds-banner>
 
- <div class="delete-button" (click)="delete(i)" [hidden]="i != index || !editing">
- <button class="mdl-button mdl-button--raised mdl-button--colored material-icons">X</button>
+ <div class="delete-button" (click)="delete(i)" [hidden]="i != index || !editing"
+ title="Delete image from current banner carousel slide"
+ >
+ <button class="mdl-button mdl-button--raised mdl-button--colored material-icons">delete</button>
  </div>
  </div>
  <i class="material-icons right" (click)="next()" [hidden]="banners.length <= 1">keyboard_arrow_right</i>

src/stylesheets/components/components.scss

@@ -194,14 +194,30 @@ m-channel--carousel{
  }
  }
 
+ .delete-button > button, .add-button{
+ &.mdl-button{
+ &:hover{
+ @include m-theme(){
+ background-color: themed($m-blue-grey-700);
+ }
+ cursor:pointer;
+ }
+ &:active{
+ @include m-theme(){
+ background-color: themed($m-blue-grey-600);
+ }
+ }
+ }
+ }
+
  .delete-button{
  position:absolute;
  top:8px;
  right:8px;
- z-index:999;
+ z-index:998;
 
- > *{
- font-size:11px;
+ button{
+ font-size: 23px;
  }
  }
 
@@ -210,9 +226,9 @@ m-channel--carousel{
  position:absolute;
  top:8px;
  right:80px;
- z-index:999;
+ z-index:998;
  i{
- margin-top:6px;
+ margin-top:2px;
  }
  }
 
@@ -359,7 +375,7 @@ minds-button-user-dropdown{
 
  .m-user-dropdown__item--nsfw {
  overflow: visible;
- 
+
  m-nsfw-selector {
  border: 0;
  width: 100%;
@@ -368,7 +384,7 @@ minds-button-user-dropdown{
  .m-nsfwSelector__label {
  m-tooltip {
  display: none;
- } 
+ }
  }
 
  .m-dropdown .m-dropdown__list {
@@ -376,7 +392,7 @@ minds-button-user-dropdown{
  }
  }
  }
- 
+
 }
 
 .m-error-splash{