From 881d339ffd71fde872b0e6200a8249b2f2fd5996 Mon Sep 17 00:00:00 2001
From: watsonb8 <watsonb8133@gmail.com>
Date: Sat, 21 Dec 2019 20:12:53 -0500
Subject: [PATCH] Formatting party dialog

---
 Aurora/Design/Views/MainView/MainView.css     |  1 +
 Aurora/Design/Views/MainView/MainView.xaml    |  4 +-
 .../Party/NewPartyDialog/NewPartyDialog.css   | 25 ++++++++--
 .../Party/NewPartyDialog/NewPartyDialog.xaml  | 49 +++++++++++--------
 Aurora/Design/Views/Party/PartyView.xaml      |  3 +-
 5 files changed, 56 insertions(+), 26 deletions(-)

diff --git a/Aurora/Design/Views/MainView/MainView.css b/Aurora/Design/Views/MainView/MainView.css
index cc6a6c5..e1a2e99 100644
--- a/Aurora/Design/Views/MainView/MainView.css
+++ b/Aurora/Design/Views/MainView/MainView.css
@@ -27,6 +27,7 @@
 
 #Player {
     background-color: #626363;
+    height: 60;
 }
 
 #Content {
diff --git a/Aurora/Design/Views/MainView/MainView.xaml b/Aurora/Design/Views/MainView/MainView.xaml
index d830855..ef68530 100644
--- a/Aurora/Design/Views/MainView/MainView.xaml
+++ b/Aurora/Design/Views/MainView/MainView.xaml
@@ -58,6 +58,7 @@
         <dialog:Modal x:Name="Modal"
             Grid.Column="1"
             Grid.Row="2"
+            BackgroundColor="Gray"
             HorizontalOptions="Center"
             VerticalOptions="End"/>
 
@@ -65,8 +66,7 @@
         <mp:Player
             x:Name="Player"
             Grid.Row="3"
-            Grid.ColumnSpan="2"
-            HeightRequest="60"/>
+            Grid.ColumnSpan="2"/>
     </Grid>
 
 </ContentPage>
\ No newline at end of file
diff --git a/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.css b/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.css
index d5917d1..63ccef8 100644
--- a/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.css
+++ b/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.css
@@ -1,7 +1,26 @@
+#View {
+    width: 300;
+    height: 500;
+}
+
+#DialogTitle {
+    text-align: center;
+    text-align-last: center;
+    margin-top: 20;
+    margin-bottom: 40;
+    margin-left: 20;
+    margin-right: 30;
+    color: white;
+    font-size: 50;
+    word-wrap: break-word;
+}
+
 #Container {
-    background-color: red;
+    background-color: transparent;
 }
 
 Button {
-    background-color: red;
-}
\ No newline at end of file
+    background-color: transparent;
+}
+
+s
diff --git a/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.xaml b/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.xaml
index 14a2d59..b58731a 100644
--- a/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.xaml
+++ b/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.xaml
@@ -2,35 +2,44 @@
 <ContentView
      xmlns="http://xamarin.com/schemas/2014/forms"
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-     x:Class="Aurora.Design.Views.Party.NewPartyDialog.NewPartyDialog">
+     x:Class="Aurora.Design.Views.Party.NewPartyDialog.NewPartyDialog"
+     HorizontalOptions="FillAndExpand"
+     VerticalOptions="FillAndExpand">
     <ContentView.Resources>
         <StyleSheet
              Source="NewPartyDialog.css"/>
     </ContentView.Resources>
     <ContentView.Content>
         <StackLayout
-             x:Name="Container"
-             HorizontalOptions="Center"
-             VerticalOptions="Start">
+            HorizontalOptions="FillAndExpand"
+            Orientation="Vertical">
             <Label
-                 Text="Hostname"
-                 VerticalOptions="Center"/>
-            <Entry
-                 Text="{Binding Hostname}"
-                 x:Name="HostnameEntry"/>
+                 x:Name="DialogTitle"
+                 LineBreakMode="WordWrap"
+                 Text="Join or Host a Party"/>
             <StackLayout
+                 x:Name="Container"
                  Orientation="Horizontal"
-                 HorizontalOptions="Center">
-                <Button
-                     HorizontalOptions="Center"
-                     x:Name="buttonHost"
-                     Text="Host"
-                     Command="{Binding HostCommand}"/>
-                <Button
-                     HorizontalOptions="Center"
-                     x:Name="buttonClient"
-                     Text="Join"
-                     Command="{Binding JoinCommand}"/>
+                 HorizontalOptions="Center"
+                 VerticalOptions="Start">
+                <Entry
+                     Text="{Binding Hostname}"
+                     Placeholder="Enter a hostname"
+                     x:Name="HostnameEntry"/>
+                <StackLayout
+                     Orientation="Horizontal"
+                     HorizontalOptions="Center">
+                    <Button
+                         HorizontalOptions="Center"
+                         x:Name="buttonHost"
+                         Text="Host"
+                         Command="{Binding HostCommand}"/>
+                    <Button
+                         HorizontalOptions="Center"
+                         x:Name="buttonClient"
+                         Text="Join"
+                         Command="{Binding JoinCommand}"/>
+                </StackLayout>
             </StackLayout>
         </StackLayout>
     </ContentView.Content>
diff --git a/Aurora/Design/Views/Party/PartyView.xaml b/Aurora/Design/Views/Party/PartyView.xaml
index cee4db5..3b049fc 100644
--- a/Aurora/Design/Views/Party/PartyView.xaml
+++ b/Aurora/Design/Views/Party/PartyView.xaml
@@ -3,8 +3,8 @@
      xmlns="http://xamarin.com/schemas/2014/forms"
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      xmlns:ml="clr-namespace:Aurora.Design.Components.MemberList"
-     xmlns:dg="clr-namespace:Aurora.Design.Components.DataGrid"
      xmlns:library="clr-namespace:Aurora.Design.Components.Library"
+     xmlns:flv="clr-namespace:DLToolkit.Forms.Controls;assembly=DLToolkit.Forms.Controls.FlowListView"
      x:Class="Aurora.Design.Views.Party.PartyView">
     <ContentView.Resources>
         <StyleSheet
@@ -19,6 +19,7 @@
                      Height="*"/>
             </Grid.RowDefinitions>
             <StackLayout
+                 x:Name="TabHeader"
                  Grid.Row="0">
                 <Label
                      x:Name="PartyMembersLabel"