From fccd511fd3ac226c81d276f7737efcd8661d8f65 Mon Sep 17 00:00:00 2001
From: Friend2868 <90833416+Friend2868@users.noreply.github.com>
Date: Wed, 1 Mar 2023 11:14:58 +0100
Subject: [PATCH 1/4] wip

---
 .../Components/Layout/SideMenu.razor          |   6 +--
 .../Elektrifikatsiya/Layouts/MainLayout.razor |   2 +-
 .../Elektrifikatsiya/Pages/AddPlug.razor      |  43 ++++++++++++++++++
 .../Elektrifikatsiya/Pages/Dashboard.razor    |   8 ++--
 .../Elektrifikatsiya/UserDatabase.sqlite      | Bin 0 -> 12288 bytes
 .../Elektrifikatsiya/UserDatabase.sqlite-shm  | Bin 0 -> 32768 bytes
 .../Elektrifikatsiya/UserDatabase.sqlite-wal  |   0
 7 files changed, 51 insertions(+), 8 deletions(-)
 create mode 100644 src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
 create mode 100644 src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite
 create mode 100644 src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-shm
 create mode 100644 src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-wal

diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/Components/Layout/SideMenu.razor b/src/Elektrifikatsiya/Elektrifikatsiya/Components/Layout/SideMenu.razor
index 3691e03..c96b81f 100644
--- a/src/Elektrifikatsiya/Elektrifikatsiya/Components/Layout/SideMenu.razor
+++ b/src/Elektrifikatsiya/Elektrifikatsiya/Components/Layout/SideMenu.razor
@@ -18,13 +18,13 @@
                 </BarLink>
 			</BarItem>
             <BarItem>
-                <BarLink To="/" TextColor="TextColor.White">
+                <BarLink To="/admin" TextColor="TextColor.White">
                     <BarIcon Style="color:white" IconName="IconName.ShieldAlt" />
                     Admin
                 </BarLink>
             </BarItem>
             <BarItem>
-                <BarLink To="/" TextColor="TextColor.White">
+                <BarLink To="/addplug" TextColor="TextColor.White">
                     <BarIcon Style="color:white" IconName="IconName.Plug" />
                     Add Plug
                 </BarLink>
@@ -32,7 +32,7 @@
         </BarStart>
         <BarEnd>
             <BarItem>
-                <BarLink To="/" TextColor="TextColor.White">
+                <BarLink To="/settings" TextColor="TextColor.White">
                     <BarIcon Style="color:white" IconName="IconName.Wrench" />
                     Settings
                 </BarLink>
diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/Layouts/MainLayout.razor b/src/Elektrifikatsiya/Elektrifikatsiya/Layouts/MainLayout.razor
index 362810d..08efa17 100644
--- a/src/Elektrifikatsiya/Elektrifikatsiya/Layouts/MainLayout.razor
+++ b/src/Elektrifikatsiya/Elektrifikatsiya/Layouts/MainLayout.razor
@@ -10,7 +10,7 @@
 		</LayoutSiderContent>
 	</LayoutSider>
 	<Layout>
-		<LayoutContent Padding="Padding.Is4.OnX.Is4.FromTop">
+		<LayoutContent Padding="Padding.Is4.OnDesktop.Is0">
 			@Body
 		</LayoutContent>
 	</Layout>
diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
new file mode 100644
index 0000000..91ba629
--- /dev/null
+++ b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
@@ -0,0 +1,43 @@
+@page "/addplug"
+@using Blazorise.Components;
+@using Elektrifikatsiya.Models;
+@inject IVersionProvider VersionProvider
+
+<Row Height=Height.Is50 Padding="Padding.Is3.OnDesktop.Is0">
+	<Column ColumnSize="ColumnSize.Is12" style="border-bottom-style:solid; border-bottom-color:#1a237e">
+		<ListView  Class="w-100"
+				  TItem="Device"
+				  Data="@plugs"
+				  TextField="@((_)=>(""))"
+				  ValueField="@((_)=>(""))"
+				  Mode="ListGroupMode.Static">
+			<ItemTemplate>
+				<ListGroupItem>
+					<Row>
+						<Column ColumnSize="ColumnSize.Is6">
+							<Row>
+								<Column >
+									<Heading Size="HeadingSize.Is6" Margin="Margin.Is1.FromBottom">@context.Item.Name</Heading>
+								</Column>
+							</Row>
+							<Row Width="Width.Is100">
+								<Column>
+									<Small>IP: @context.Item.Address</Small>
+								</Column>
+							</Row>
+						</Column>
+						<Column ColumnSize="ColumnSize.Is4.Is2.WithOffset">
+							<Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline>
+								<BarIcon IconName="IconName.Add" />
+							</Button>
+						</Column>
+					</Row>
+				</ListGroupItem>
+			</ItemTemplate>
+		</ListView>
+	</Column>
+</Row>
+
+@code {
+	List<Device> plugs = new List<Device>() { new Device("Placeholder", "Plug", System.Net.IPAddress.Broadcast, 60, "Oldin", "4AHINF"), new Device("Placeholder", "Plug", System.Net.IPAddress.Broadcast, 60, "Oldin", "4AHINF"), new Device("Placeholder", "Plug", System.Net.IPAddress.Broadcast, 60, "Oldin", "4AHINF") };
+}
diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor
index 2c3933f..de1ed5c 100644
--- a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor
+++ b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor
@@ -3,9 +3,9 @@
 @using Elektrifikatsiya.Models;
 @inject IVersionProvider VersionProvider
 
-<Row Padding="Padding.Is3">
-	<Div Flex="Flex.AlignItems.Start" Margin="Margin.Is3.FromBottom" Width="Width.Is100">
-		<Column ColumnSize="ColumnSize.Is6">
+<Row Padding="Padding.Is3.OnDesktop.Is0">
+	<Div Display="Display.Flex.Row.OnDesktop" Margin="Margin.Is3.FromBottom" Width="Width.Is100">
+		<Column ColumnSize="ColumnSize.Is6.OnDesktop.Is12">
 			<ListView TItem="Device"
 					  Data="@plugs"
 					  TextField="@((_)=>(""))"
@@ -41,7 +41,7 @@
 				</ItemTemplate>
 			</ListView>
 		</Column>
-		<Column ColumnSize="ColumnSize.Is6">
+		<Column ColumnSize="ColumnSize.Is6.OnDesktop.Is12">
 			<ListView TItem="Event"
 					  Data="@events"
 					  TextField="@((_)=>(""))"
diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite b/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite
new file mode 100644
index 0000000000000000000000000000000000000000..eeeb96ffa3098bd6e50255479f5d1e5c5a3c0c6a
GIT binary patch
literal 12288
zcmeI#%SyvQ6b9hQ)C&|Wf{TEwLsl&<ZhQe_9W*peV>$)9D$$NwY!ljvxECM7XY?sN
zttn_x+?W5rOft8VnJ=s9Ux$;z(0#s`r3IaeLm{O&BN9SLE)_28aQJ0s-Qef4{a;9N
zGCDrsS+e#nY9Cx7AOHafKmY;|fB*y_009U<00Q3xV!7uwo6fLEZ>Pr2r+i5rSu=k&
z+1+Nd(oU4G6>0xGRJ1X-o~1L>;+2ipBWK@rUFU6gm2+Ut!mcX$W4*WP^Qc}W4lfvc
z6hvBGs)VARrf3j`)b2%no%q~OUfda#E8-;R`pJ+wYDoS-_kxHMcU7cYU#TMAiAP%9
zaF#MtITEMVzT}JXRcar9pV2qgPV!9WPbOQ>;GLA~!_*dG{xHcd(&CR#B>9v_HcwJ*
zEbr!g=|?~S0uX=z1Rwwb2tWV=5P$##Ah5*(xc_hQ&&AOo009U<00Izz00bZa0SG_<
H0;Rwwql9r3

literal 0
HcmV?d00001

diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-shm b/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-shm
new file mode 100644
index 0000000000000000000000000000000000000000..fe9ac2845eca6fe6da8a63cd096d9cf9e24ece10
GIT binary patch
literal 32768
zcmeIuAr62r3<XeTSayS60=Z=O-0|kP2&fu@!6Du^ziFC^7w55MN)9hQYV3Wk79a2P
z)%8g3H30$y2oNAZfB*pk1PBlyK!5-N0t5&UAV7cs0RjXF5FkK+009C72oNAZfB*pk
z1PBlyK!5-N0t5&UAV7cs0RjXF5FkK+009C72oNAZfB*pk1PBlyK!5-N0t5&UAV7cs
w0RjXF5FkK+009C72oNAZfB*pk1PBlyK!5-N0t5&UAV7cs0RjXF5cq?@4dk5`Qvd(}

literal 0
HcmV?d00001

diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-wal b/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-wal
new file mode 100644
index 0000000..e69de29

From b8f20bcb53344186b09cde38f0def70e60dec757 Mon Sep 17 00:00:00 2001
From: Friend2868 <90833416+Friend2868@users.noreply.github.com>
Date: Wed, 1 Mar 2023 12:00:29 +0100
Subject: [PATCH 2/4] wip

---
 .../Elektrifikatsiya/Pages/AddPlug.razor      |  78 ++++++++++--------
 .../Elektrifikatsiya/UserDatabase.sqlite-shm  | Bin 32768 -> 0 bytes
 .../Elektrifikatsiya/UserDatabase.sqlite-wal  |   0
 3 files changed, 45 insertions(+), 33 deletions(-)
 delete mode 100644 src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-shm
 delete mode 100644 src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-wal

diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
index 91ba629..5c459ad 100644
--- a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
+++ b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
@@ -3,39 +3,51 @@
 @using Elektrifikatsiya.Models;
 @inject IVersionProvider VersionProvider
 
-<Row Height=Height.Is50 Padding="Padding.Is3.OnDesktop.Is0">
-	<Column ColumnSize="ColumnSize.Is12" style="border-bottom-style:solid; border-bottom-color:#1a237e">
-		<ListView  Class="w-100"
-				  TItem="Device"
-				  Data="@plugs"
-				  TextField="@((_)=>(""))"
-				  ValueField="@((_)=>(""))"
-				  Mode="ListGroupMode.Static">
-			<ItemTemplate>
-				<ListGroupItem>
-					<Row>
-						<Column ColumnSize="ColumnSize.Is6">
-							<Row>
-								<Column >
-									<Heading Size="HeadingSize.Is6" Margin="Margin.Is1.FromBottom">@context.Item.Name</Heading>
-								</Column>
-							</Row>
-							<Row Width="Width.Is100">
-								<Column>
-									<Small>IP: @context.Item.Address</Small>
-								</Column>
-							</Row>
-						</Column>
-						<Column ColumnSize="ColumnSize.Is4.Is2.WithOffset">
-							<Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline>
-								<BarIcon IconName="IconName.Add" />
-							</Button>
-						</Column>
-					</Row>
-				</ListGroupItem>
-			</ItemTemplate>
-		</ListView>
-	</Column>
+<Row Height=Height.Is50 Padding="Padding.Is3.OnDesktop.Is0" style="border-bottom-style:solid; border-bottom-color:#1a237e">
+	<Row Style="height:90%; width:100%">
+		<Column style="align-content:center" ColumnSize="ColumnSize.Is6.Is3.WithOffset">
+			<Bar Breakpoint="Breakpoint.Desktop"
+				 Background="Background.White"
+				 ThemeContrast="ThemeContrast.None"
+				 Shadow="Shadow.Remove"
+				 Border="Border.Is1.RoundedTop">
+				<BarBrand>
+					Add plug via wifi
+				</BarBrand>
+			</Bar>
+			<ListView Class="w-100"
+					  TItem="Device"
+					  Data="@plugs"
+					  TextField="@((_)=>(""))"
+					  ValueField="@((_)=>(""))"
+					  Mode="ListGroupMode.Static"
+					  Style="border-radius: 0px 0px">
+				<ItemTemplate>
+					<ListGroupItem>
+						<Row>
+							<Column ColumnSize="ColumnSize.Is6">
+								<Row>
+									<Column>
+										<Heading Size="HeadingSize.Is6" Margin="Margin.Is1.FromBottom">@context.Item.Name</Heading>
+									</Column>
+								</Row>
+								<Row Width="Width.Is100">
+									<Column>
+										<Small>IP: @context.Item.Address</Small>
+									</Column>
+								</Row>
+							</Column>
+							<Column ColumnSize="ColumnSize.Is4.Is2.WithOffset">
+								<Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline>
+									<BarIcon IconName="IconName.Add" />
+								</Button>
+							</Column>
+						</Row>
+					</ListGroupItem>
+				</ItemTemplate>
+			</ListView>
+		</Column>
+	</Row>
 </Row>
 
 @code {
diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-shm b/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-shm
deleted file mode 100644
index fe9ac2845eca6fe6da8a63cd096d9cf9e24ece10..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 32768
zcmeIuAr62r3<XeTSayS60=Z=O-0|kP2&fu@!6Du^ziFC^7w55MN)9hQYV3Wk79a2P
z)%8g3H30$y2oNAZfB*pk1PBlyK!5-N0t5&UAV7cs0RjXF5FkK+009C72oNAZfB*pk
z1PBlyK!5-N0t5&UAV7cs0RjXF5FkK+009C72oNAZfB*pk1PBlyK!5-N0t5&UAV7cs
w0RjXF5FkK+009C72oNAZfB*pk1PBlyK!5-N0t5&UAV7cs0RjXF5cq?@4dk5`Qvd(}

diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-wal b/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-wal
deleted file mode 100644
index e69de29..0000000

From bb2bfe014525a58a3489de34d79446caed71b553 Mon Sep 17 00:00:00 2001
From: Friend2868 <90833416+Friend2868@users.noreply.github.com>
Date: Wed, 1 Mar 2023 12:48:16 +0100
Subject: [PATCH 3/4] Addplug & Dashboard

Minor adjustments in Dashboard and progress in Addplug
---
 .../Elektrifikatsiya/Pages/AddPlug.razor         | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
index 5c459ad..4f9b7d4 100644
--- a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
+++ b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
@@ -5,7 +5,7 @@
 
 <Row Height=Height.Is50 Padding="Padding.Is3.OnDesktop.Is0" style="border-bottom-style:solid; border-bottom-color:#1a237e">
 	<Row Style="height:90%; width:100%">
-		<Column style="align-content:center" ColumnSize="ColumnSize.Is6.Is3.WithOffset">
+		<Column style="align-content:center" ColumnSize="ColumnSize.Is4.Is4.WithOffset">
 			<Bar Breakpoint="Breakpoint.Desktop"
 				 Background="Background.White"
 				 ThemeContrast="ThemeContrast.None"
@@ -25,7 +25,7 @@
 				<ItemTemplate>
 					<ListGroupItem>
 						<Row>
-							<Column ColumnSize="ColumnSize.Is6">
+							<Column ColumnSize="ColumnSize.Is7">
 								<Row>
 									<Column>
 										<Heading Size="HeadingSize.Is6" Margin="Margin.Is1.FromBottom">@context.Item.Name</Heading>
@@ -37,7 +37,7 @@
 									</Column>
 								</Row>
 							</Column>
-							<Column ColumnSize="ColumnSize.Is4.Is2.WithOffset">
+							<Column ColumnSize="ColumnSize.Is4.Is1.WithOffset">
 								<Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline>
 									<BarIcon IconName="IconName.Add" />
 								</Button>
@@ -49,6 +49,16 @@
 		</Column>
 	</Row>
 </Row>
+<Row Height="Height.Is50">
+	<Form>
+		<Field Horizontal>
+			<FieldBody ColumnSize="ColumnSize.Is12">
+				<TextEdit Placeholder="Enter the Device IP here" />
+				<Button style="background-color:#1a237e; color:white" Type="ButtonType.Submit" PreventDefaultOnSubmit>Submit</Button>
+			</FieldBody>
+		</Field>
+	</Form>
+</Row>
 
 @code {
 	List<Device> plugs = new List<Device>() { new Device("Placeholder", "Plug", System.Net.IPAddress.Broadcast, 60, "Oldin", "4AHINF"), new Device("Placeholder", "Plug", System.Net.IPAddress.Broadcast, 60, "Oldin", "4AHINF"), new Device("Placeholder", "Plug", System.Net.IPAddress.Broadcast, 60, "Oldin", "4AHINF") };

From 1410fbe5af497d4bb028acf525c5d9cf10f79af4 Mon Sep 17 00:00:00 2001
From: Friend2868 <90833416+Friend2868@users.noreply.github.com>
Date: Thu, 2 Mar 2023 16:42:13 +0100
Subject: [PATCH 4/4] AddPlug Progress

AddPlug first prototype done + responsive
---
 .../Elektrifikatsiya/Pages/AddPlug.razor      | 127 ++++++++++--------
 .../Elektrifikatsiya/Pages/Dashboard.razor    |   4 +-
 .../Elektrifikatsiya/UserDatabase.sqlite-shm  | Bin 0 -> 32768 bytes
 .../Elektrifikatsiya/UserDatabase.sqlite-wal  |   0
 4 files changed, 75 insertions(+), 56 deletions(-)
 create mode 100644 src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-shm
 create mode 100644 src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-wal

diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
index 4f9b7d4..fa1bb7a 100644
--- a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
+++ b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/AddPlug.razor
@@ -2,63 +2,82 @@
 @using Blazorise.Components;
 @using Elektrifikatsiya.Models;
 @inject IVersionProvider VersionProvider
-
-<Row Height=Height.Is50 Padding="Padding.Is3.OnDesktop.Is0" style="border-bottom-style:solid; border-bottom-color:#1a237e">
-	<Row Style="height:90%; width:100%">
-		<Column style="align-content:center" ColumnSize="ColumnSize.Is4.Is4.WithOffset">
-			<Bar Breakpoint="Breakpoint.Desktop"
-				 Background="Background.White"
-				 ThemeContrast="ThemeContrast.None"
-				 Shadow="Shadow.Remove"
-				 Border="Border.Is1.RoundedTop">
-				<BarBrand>
-					Add plug via wifi
-				</BarBrand>
-			</Bar>
-			<ListView Class="w-100"
-					  TItem="Device"
-					  Data="@plugs"
-					  TextField="@((_)=>(""))"
-					  ValueField="@((_)=>(""))"
-					  Mode="ListGroupMode.Static"
-					  Style="border-radius: 0px 0px">
-				<ItemTemplate>
-					<ListGroupItem>
-						<Row>
-							<Column ColumnSize="ColumnSize.Is7">
-								<Row>
-									<Column>
-										<Heading Size="HeadingSize.Is6" Margin="Margin.Is1.FromBottom">@context.Item.Name</Heading>
-									</Column>
-								</Row>
-								<Row Width="Width.Is100">
-									<Column>
-										<Small>IP: @context.Item.Address</Small>
-									</Column>
-								</Row>
-							</Column>
-							<Column ColumnSize="ColumnSize.Is4.Is1.WithOffset">
-								<Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline>
-									<BarIcon IconName="IconName.Add" />
-								</Button>
-							</Column>
-						</Row>
+<Div >
+	<Row Style="height:50%; width:100%" Padding="Padding.Is3.OnDesktop.Is0">
+		<Row Style="height:90%; width:100%">
+			<Column ColumnSize="ColumnSize.Is4.OnDesktop.Is1"></Column>
+			<Column ColumnSize="ColumnSize.Is4.OnDesktop.Is12">
+				<Bar Breakpoint="Breakpoint.Desktop"
+					 Background="Background.White"
+					 ThemeContrast="ThemeContrast.None"
+					 Shadow="Shadow.Remove"
+					 Border="Border.Is1.RoundedTop">
+					<BarBrand>
+						Add a plug via wifi
+					</BarBrand>
+				</Bar>
+				<ListView Class="w-100"
+						  TItem="Device"
+						  Data="@plugs"
+						  TextField="@((_)=>(""))"
+						  ValueField="@((_)=>(""))"
+						  Mode="ListGroupMode.Static"
+						  Style="border-radius: 0px 0px">
+					<ItemTemplate>
+						<ListGroupItem>
+							<Row>
+								<Column ColumnSize="ColumnSize.Is7">
+									<Row Width="Width.Is100">
+										<Column>
+											<Small>IP: @context.Item.Address</Small>
+										</Column>
+									</Row>
+								</Column>
+								<Column ColumnSize="ColumnSize.Is4.Is1.WithOffset">
+									<Button Position="Position.Absolute.Top.Is50.Start.Is50.Translate.Middle" Color="Color.Dark" Outline>
+										<BarIcon IconName="IconName.Add" />
+									</Button>
+								</Column>
+							</Row>
+						</ListGroupItem>
+					</ItemTemplate>
+				</ListView>
+			</Column>
+		</Row>
+	</Row>
+	<Row Style="height:50%; width:100%; border-top-style:solid; border-top-color:#1a237e">
+		<Column ColumnSize="ColumnSize.Is4.OnDesktop.Is1"></Column>
+		<Column ColumnSize="ColumnSize.Is4.OnDesktop.Is12">
+			<Row Style="height:15%; width:100%"></Row>
+			<Row Style="height:10%; width:100%">
+				<Bar Breakpoint="Breakpoint.Desktop"
+					 Background="Background.White"
+					 ThemeContrast="ThemeContrast.None"
+					 Shadow="Shadow.Remove"
+					 Border="Border.Is1.RoundedTop"
+					 Style="width:100%">
+					<BarBrand>
+						Add a plug via IP
+					</BarBrand>
+				</Bar>
+				<ListGroup Style="width:100%; border-radius: 0px 0px">
+					<ListGroupItem Color="Color.Default">
+						<Form>
+							<Field Horizontal>
+								<FieldBody ColumnSize="ColumnSize.Is12">
+									<TextEdit Placeholder="Enter the Device IP here" />
+									<br>
+									<Button style="background-color:#1a237e; color:white" Type="ButtonType.Submit" PreventDefaultOnSubmit>CONNECT</Button>
+								</FieldBody>
+							</Field>
+						</Form>
 					</ListGroupItem>
-				</ItemTemplate>
-			</ListView>
+				</ListGroup>
+			</Row>
+			<Row Style="height:75%; width:100%"></Row>
 		</Column>
 	</Row>
-</Row>
-<Row Height="Height.Is50">
-	<Form>
-		<Field Horizontal>
-			<FieldBody ColumnSize="ColumnSize.Is12">
-				<TextEdit Placeholder="Enter the Device IP here" />
-				<Button style="background-color:#1a237e; color:white" Type="ButtonType.Submit" PreventDefaultOnSubmit>Submit</Button>
-			</FieldBody>
-		</Field>
-	</Form>
-</Row>
+</Div>
 
 @code {
 	List<Device> plugs = new List<Device>() { new Device("Placeholder", "Plug", System.Net.IPAddress.Broadcast, 60, "Oldin", "4AHINF"), new Device("Placeholder", "Plug", System.Net.IPAddress.Broadcast, 60, "Oldin", "4AHINF"), new Device("Placeholder", "Plug", System.Net.IPAddress.Broadcast, 60, "Oldin", "4AHINF") };
diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor
index de1ed5c..bc39728 100644
--- a/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor
+++ b/src/Elektrifikatsiya/Elektrifikatsiya/Pages/Dashboard.razor
@@ -12,7 +12,7 @@
 					  ValueField="@((_)=>(""))"
 					  Mode="ListGroupMode.Static">
 				<ItemTemplate>
-					<ListGroupItem>
+					<ListGroupItem Border="Border.OnBottom">
 						<Row>
 							<Column ColumnSize="ColumnSize.Is8">
 								<Row>
@@ -52,7 +52,7 @@
 						<Heading Size="HeadingSize.Is6" Margin="Margin.Is2.FromBottom">@context.Item.EventName</Heading>
 						<Small>@context.Item.Date</Small>
 					</Div>
-					<Paragraph Margin="Margin.Is2.FromBottom">@context.Item.Description</Paragraph>
+					<Paragraph Border="Border.OnBottom" Margin="Margin.Is2.FromBottom">@context.Item.Description</Paragraph>
 				</ItemTemplate>
 			</ListView>
 		</Column>
diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-shm b/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-shm
new file mode 100644
index 0000000000000000000000000000000000000000..fe9ac2845eca6fe6da8a63cd096d9cf9e24ece10
GIT binary patch
literal 32768
zcmeIuAr62r3<XeTSayS60=Z=O-0|kP2&fu@!6Du^ziFC^7w55MN)9hQYV3Wk79a2P
z)%8g3H30$y2oNAZfB*pk1PBlyK!5-N0t5&UAV7cs0RjXF5FkK+009C72oNAZfB*pk
z1PBlyK!5-N0t5&UAV7cs0RjXF5FkK+009C72oNAZfB*pk1PBlyK!5-N0t5&UAV7cs
w0RjXF5FkK+009C72oNAZfB*pk1PBlyK!5-N0t5&UAV7cs0RjXF5cq?@4dk5`Qvd(}

literal 0
HcmV?d00001

diff --git a/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-wal b/src/Elektrifikatsiya/Elektrifikatsiya/UserDatabase.sqlite-wal
new file mode 100644
index 0000000..e69de29