From 0af42db2c7720ab93b0f0622d6c4c4ada94b0a4a Mon Sep 17 00:00:00 2001
From: "julia.kirschenheuter" <julia.kirschenheuter@nextcloud.com>
Date: Fri, 20 Oct 2023 11:17:29 +0200
Subject: Fix trusted server input field

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
---
 apps/federation/css/settings-admin.css       | 10 +++++++++-
 apps/federation/js/settings-admin.js         |  2 +-
 apps/federation/templates/settings-admin.php | 11 ++++++++---
 3 files changed, 18 insertions(+), 5 deletions(-)

(limited to 'apps/federation')

diff --git a/apps/federation/css/settings-admin.css b/apps/federation/css/settings-admin.css
index c4c846bd812..18d691f8eb1 100644
--- a/apps/federation/css/settings-admin.css
+++ b/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;
 }
diff --git a/apps/federation/js/settings-admin.js b/apps/federation/js/settings-admin.js
index fed0f441e01..fd97bcefda5 100644
--- a/apps/federation/js/settings-admin.js
+++ b/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();
         });
 
diff --git a/apps/federation/templates/settings-admin.php b/apps/federation/templates/settings-admin.php
index 3fa7a02a02e..62922b19994 100644
--- a/apps/federation/templates/settings-admin.php
+++ b/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>
-- 
cgit v1.2.3