Formatting party dialog

Aurora/Design/Views/MainView/MainView.css

@@ -27,6 +27,7 @@
 
 #Player {
     background-color: #626363;
+    height: 60;
 }
 
 #Content {

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"
+            Grid.ColumnSpan="2"/>
-            HeightRequest="60"/>
     </Grid>
 
 </ContentPage>

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;
+    background-color: transparent;
-}
+}
+
+s

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="FillAndExpand"
-             HorizontalOptions="Center"
+            Orientation="Vertical">
-             VerticalOptions="Start">
             <Label
-                 Text="Hostname"
+                 x:Name="DialogTitle"
-                 VerticalOptions="Center"/>
+                 LineBreakMode="WordWrap"
-            <Entry
+                 Text="Join or Host a Party"/>
-                 Text="{Binding Hostname}"
-                 x:Name="HostnameEntry"/>
             <StackLayout
+                 x:Name="Container"
                  Orientation="Horizontal"
-                 HorizontalOptions="Center">
+                 HorizontalOptions="Center"
-                <Button
+                 VerticalOptions="Start">
-                     HorizontalOptions="Center"
+                <Entry
-                     x:Name="buttonHost"
+                     Text="{Binding Hostname}"
-                     Text="Host"
+                     Placeholder="Enter a hostname"
-                     Command="{Binding HostCommand}"/>
+                     x:Name="HostnameEntry"/>
-                <Button
+                <StackLayout
-                     HorizontalOptions="Center"
+                     Orientation="Horizontal"
-                     x:Name="buttonClient"
+                     HorizontalOptions="Center">
-                     Text="Join"
+                    <Button
-                     Command="{Binding JoinCommand}"/>
+                         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>

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"