From 21e24945fd98d02ecef2954bf0f5370176e5f874 Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Thu, 27 Mar 2025 22:49:26 +0100
Subject: [PATCH] Change input field widths using CSS isolation.

---
 ServerManagement/Components/Controls/SearchBarComponent.razor | 2 +-
 .../Components/Controls/SearchBarComponent.razor.css          | 4 ++++
 ServerManagement/Components/Pages/EditServer.razor            | 4 ++--
 ServerManagement/Components/Pages/EditServer.razor.css        | 4 ++++
 4 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 ServerManagement/Components/Controls/SearchBarComponent.razor.css
 create mode 100644 ServerManagement/Components/Pages/EditServer.razor.css

diff --git a/ServerManagement/Components/Controls/SearchBarComponent.razor b/ServerManagement/Components/Controls/SearchBarComponent.razor
index a254836..1e97447 100644
--- a/ServerManagement/Components/Controls/SearchBarComponent.razor
+++ b/ServerManagement/Components/Controls/SearchBarComponent.razor
@@ -1,4 +1,4 @@
-<div class="input-group mb-3">
+<div class="input-group mb-3 input-width">
   <input type="text" class="form-control" placeholder="Search servers"
     @bind-value="serverFilter"
     @bind-value:event="oninput" />
diff --git a/ServerManagement/Components/Controls/SearchBarComponent.razor.css b/ServerManagement/Components/Controls/SearchBarComponent.razor.css
new file mode 100644
index 0000000..b6b80b1
--- /dev/null
+++ b/ServerManagement/Components/Controls/SearchBarComponent.razor.css
@@ -0,0 +1,4 @@
+
+.input-width {
+    width: 30%;
+}
\ No newline at end of file
diff --git a/ServerManagement/Components/Pages/EditServer.razor b/ServerManagement/Components/Pages/EditServer.razor
index 88e315a..1fba4ee 100644
--- a/ServerManagement/Components/Pages/EditServer.razor
+++ b/ServerManagement/Components/Pages/EditServer.razor
@@ -19,7 +19,7 @@
       <div class="col-2">
         <label class="col-form-label">Name</label>
       </div>
-      <div class="col-6">
+      <div class="col-6 input-width">
         <InputText @bind-Value="server.Name" class="form-control"></InputText>
       </div>
       <div class="col">
@@ -31,7 +31,7 @@
       <div class="col-2">
         <label class="col-form-label">City</label>
       </div>
-      <div class="col-6">
+      <div class="col-6 input-width">
         <InputText @bind-Value="server.City" class="form-control"></InputText>
       </div>
       <div class="col">
diff --git a/ServerManagement/Components/Pages/EditServer.razor.css b/ServerManagement/Components/Pages/EditServer.razor.css
new file mode 100644
index 0000000..9d44b40
--- /dev/null
+++ b/ServerManagement/Components/Pages/EditServer.razor.css
@@ -0,0 +1,4 @@
+
+.input-width {
+    width: 40%;
+}
\ No newline at end of file