From 37672ea6326f5e07c38c6175ff18360476c2d32e Mon Sep 17 00:00:00 2001
From: Leigh <Leigh.Pointer@outlook.com>
Date: Sun, 11 Jul 2021 14:27:18 +0200
Subject: [PATCH] Modified External Module Template

replace tables in markup with responsive approach.
---
 .../Modules/[Owner].[Module]/Edit.razor       | 31 +++++++++----------
 .../Modules/[Owner].[Module]/Settings.razor   | 18 +++++------
 2 files changed, 23 insertions(+), 26 deletions(-)

diff --git a/Oqtane.Server/wwwroot/Modules/Templates/External/Client/Modules/[Owner].[Module]/Edit.razor b/Oqtane.Server/wwwroot/Modules/Templates/External/Client/Modules/[Owner].[Module]/Edit.razor
index 471f5eae..fd2d4803 100644
--- a/Oqtane.Server/wwwroot/Modules/Templates/External/Client/Modules/[Owner].[Module]/Edit.razor
+++ b/Oqtane.Server/wwwroot/Modules/Templates/External/Client/Modules/[Owner].[Module]/Edit.razor
@@ -9,23 +9,22 @@
 @inject IStringLocalizer<Edit> Localizer
 
 <form @ref="form" class="@(validated ? "was-validated" : "needs-validation")" novalidate>
-<table class="table table-borderless">
-    <tr>
-        <td>
-            <Label For="name" HelpText="Enter a name" ResourceKey="Name">Name: </Label>
-        </td>
-        <td>
-            <input id="name" class="form-control" @bind="@_name" required />
-        </td>
-    </tr>
-</table>
-<button type="button" class="btn btn-success" @onclick="Save">@Localizer["Save"]</button>
-<NavLink class="btn btn-secondary" href="@NavigateUrl()">@Localizer["Cancel"]</NavLink>
-<br /><br />
-@if (PageState.Action == "Edit")
-{
+<form @ref="form" class="@(validated ? " was-validated" : "needs-validation" )" novalidate>
+    <div class="container">
+        <div class="row mb-1 align-items-center">
+            <Label Class="col-sm-3" For="name" HelpText="Enter a name" ResourceKey="Name">Name: </Label>
+            <div class="col-sm-9">
+                <input id="name" class="form-control" @bind="@_name" required />
+            </div>
+        </div>
+    </div>
+    <button type="button" class="btn btn-success" @onclick="Save">@Localizer["Save"]</button>
+    <NavLink class="btn btn-secondary" href="@NavigateUrl()">@Localizer["Cancel"]</NavLink>
+    <br /><br />
+    @if (PageState.Action == "Edit")
+    {
     <AuditInfo CreatedBy="@_createdby" CreatedOn="@_createdon" ModifiedBy="@_modifiedby" ModifiedOn="@_modifiedon"></AuditInfo>
-}
+    }
 </form>
 
 @code {
diff --git a/Oqtane.Server/wwwroot/Modules/Templates/External/Client/Modules/[Owner].[Module]/Settings.razor b/Oqtane.Server/wwwroot/Modules/Templates/External/Client/Modules/[Owner].[Module]/Settings.razor
index 20e042fd..63a13216 100644
--- a/Oqtane.Server/wwwroot/Modules/Templates/External/Client/Modules/[Owner].[Module]/Settings.razor
+++ b/Oqtane.Server/wwwroot/Modules/Templates/External/Client/Modules/[Owner].[Module]/Settings.razor
@@ -3,16 +3,14 @@
 @inject ISettingService SettingService
 @inject IStringLocalizer<Settings> Localizer
 
-<table class="table table-borderless">
-    <tr>
-        <td>
-            <Label For="value" HelpText="Enter a value" ResourceKey="SettingName">Name: </Label>
-        </td>
-        <td>
-            <input id="value" type="text" class="form-control" @bind="@_value" />
-        </td>
-    </tr>
-</table>
+<div class="container">
+    <div class="row mb-1 align-items-center">
+        <Label Class="col-sm-3" For="value" HelpText="Enter a value" ResourceKey="SettingName">Name: </Label>
+            <div class="col-sm-9">
+                <input id="value" type="text" class="form-control" @bind="@_value" />
+            </div>
+    </div>
+</div>
 
 @code {
     public override string Title => "[Module] Settings";