Fix miscellaneous RTL layout bugs

frontend/src/app/lightning/group/group.component.html

@@ -92,7 +92,7 @@
               </ng-template>
               <input type="text" class="form-control" aria-label="Text input with dropdown button"
                 [value]="node.socketsObject[selectedSocketIndex].socket">
-              <button class="btn btn-secondary ml-1" type="button" id="inputGroupFileAddon04" (mouseover)="qrCodeVisible[i] = 1"
+              <button class="btn btn-secondary" type="button" id="inputGroupFileAddon04" (mouseover)="qrCodeVisible[i] = 1"
                 (mouseout)="qrCodeVisible[i] = 0">
                 <fa-icon [icon]="['fas', 'qrcode']" [fixedWidth]="true"></fa-icon>
                 <div class="qr-wrapper" [hidden]="!qrCodeVisible[i]">

frontend/src/app/lightning/group/group.component.scss

@@ -8,7 +8,7 @@
 }
 
 h1 {
-  margin-left: 15px;
+  margin-inline-start: 15px;
 }
 
 .qr-wrapper {
@@ -57,3 +57,17 @@ h1 {
 .description-text {
   white-space: break-spaces;
 }
+
+.timestamp-first .input-group {
+  input {
+    margin-inline-end: .25rem;
+  }
+}
+
+:host-context(.rtl-layout) {
+  .timestamp-first .input-group {
+    button {
+      margin-inline-end: .25rem;
+    }
+  }
+}