Fix trusted server input field

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>

apps/federation/css/settings-admin.css

@@ -28,5 +28,13 @@
 }
 
 #ocFederationAddServer #serverUrl {
-	width: 300px;
+	width: 270px;
+}
+
+.serverUrl-block {
+	max-width: 310px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: space-between;
 }

apps/federation/js/settings-admin.js

@@ -45,8 +45,8 @@
 
         $btnAddServer.on('click', function() {
             $btnAddServer.addClass('hidden');
+            $wrapper.find(".serverUrl").removeClass('hidden');
             $inpServerUrl
-                .removeClass('hidden')
                 .focus();
         });
 

apps/federation/templates/settings-admin.php

@@ -31,9 +31,14 @@ style('federation', 'settings-admin')
 	</ul>
 	<p id="ocFederationAddServer">
 		<button id="ocFederationAddServerButton" class=""><?php p($l->t('+ Add trusted server')); ?></button>
-		<input id="serverUrl" class="hidden" type="text" value="" placeholder="<?php p($l->t('Trusted server')); ?>" name="server_url"/>
-		<button id="ocFederationSubmit" class="hidden"><?php p($l->t('Add')); ?></button>
-		<span class="msg"></span>
+		<div class="serverUrl hidden">
+			<div class="serverUrl-block">
+				<label for="serverUrl"><?php p($l->t('Trusted server')); ?></label>
+				<input id="serverUrl" type="text" value="" placeholder="<?php p($l->t('Trusted server')); ?>" name="server_url"/>
+				<button id="ocFederationSubmit" class="hidden"><?php p($l->t('Add')); ?></button>
+			</div>
+			<span class="msg"></span>
+		</div>
 	</p>
 
 </div>