Merge pull request #6248 from matrix-org/t3chguy/fix/17731

Author: t3chguy

res/css/structures/_RoomStatusBar.scss

@@ -112,7 +112,7 @@ limitations under the License.
 
  .mx_AccessibleButton {
  padding: 5px 10px;
- padding-left: 28px; // 16px for the icon, 2px margin to text, 10px regular padding
+ padding-left: 30px; // 18px for the icon, 2px margin to text, 10px regular padding
  display: inline-block;
  position: relative;
 
@@ -128,23 +128,21 @@ limitations under the License.
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
+ width: 18px;
+ height: 18px;
+ top: 50%; // text sizes are dynamic
+ transform: translateY(-50%);
  }
 
  &.mx_RoomStatusBar_unsentCancelAllBtn::before {
  mask-image: url('$(res)/img/element-icons/trashcan.svg');
- width: 12px;
- height: 16px;
- top: calc(50% - 8px); // text sizes are dynamic
  }
 
  &.mx_RoomStatusBar_unsentResendAllBtn {
  padding-left: 34px; // 28px from above, but +6px to account for the wider icon
 
  &::before {
  mask-image: url('$(res)/img/element-icons/retry.svg');
- width: 18px;
- height: 18px;
- top: calc(50% - 9px); // text sizes are dynamic
  }
  }
  }

res/css/views/rooms/_VoiceRecordComposerTile.scss

@@ -36,10 +36,10 @@ limitations under the License.
 }
 
 .mx_VoiceRecordComposerTile_delete {
- width: 14px; // w&h are size of icon
- height: 18px;
+ width: 24px;
+ height: 24px;
  vertical-align: middle;
- margin-right: 11px; // distance from left edge of waveform container (container has some margin too)
+ margin-right: 8px; // distance from left edge of waveform container (container has some margin too)
  background-color: $voice-record-icon-color;
  mask-repeat: no-repeat;
  mask-size: contain;