From 5f241615ad128473c7b75fd25eb8072f5846c990 Mon Sep 17 00:00:00 2001
From: watsonb8 <watsonb8133@gmail.com>
Date: Mon, 23 Dec 2019 12:23:51 -0500
Subject: [PATCH] More tab view styling

---
 Aurora/App.css                                     |  4 ++++
 Aurora/Design/Components/Dialogs/Modal.xaml        |  3 +--
 Aurora/Design/Components/MemberList/MemberList.css | 14 +++++++++++---
 .../Design/Components/MemberList/MemberList.xaml   | 10 ++++++----
 Aurora/Design/Views/MainView/MainView.css          |  1 +
 Aurora/Design/Views/MainView/MainView.xaml         |  3 ++-
 .../Views/Party/NewPartyDialog/NewPartyDialog.css  |  1 -
 Aurora/Design/Views/Party/PartyView.xaml           |  2 ++
 8 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/Aurora/App.css b/Aurora/App.css
index 277a308..22755b6 100644
--- a/Aurora/App.css
+++ b/Aurora/App.css
@@ -4,4 +4,8 @@
 
 .accentColor {
     background-color: #3a3a3a;
+}
+
+.secondAccentColor {
+    background-color: #626363
 }
\ No newline at end of file
diff --git a/Aurora/Design/Components/Dialogs/Modal.xaml b/Aurora/Design/Components/Dialogs/Modal.xaml
index 222534a..0d275d3 100644
--- a/Aurora/Design/Components/Dialogs/Modal.xaml
+++ b/Aurora/Design/Components/Dialogs/Modal.xaml
@@ -2,8 +2,7 @@
 <ContentView
      xmlns="http://xamarin.com/schemas/2014/forms"
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
-     x:Class="Aurora.Design.Components.Dialogs.Modal"
-     BackgroundColor="Blue">
+     x:Class="Aurora.Design.Components.Dialogs.Modal">
     <ContentView.Content>
         <ContentPresenter
              x:Name="ViewContent"/>
diff --git a/Aurora/Design/Components/MemberList/MemberList.css b/Aurora/Design/Components/MemberList/MemberList.css
index cbb6fa2..787aee8 100644
--- a/Aurora/Design/Components/MemberList/MemberList.css
+++ b/Aurora/Design/Components/MemberList/MemberList.css
@@ -1,12 +1,20 @@
+#MembersList {
+    background-color: #3a3a3a;
+}
+
 Frame {
     margin-left: 20;
     margin-right: 20;
     margin-top: 20;
     margin-bottom: 20;
-    width: 80;
+    width: 150;
+    border-radius: 25;
+    background-color: #626363;
 }
 
 Frame Label {
-    color: black;
-    background-color: white;
+    text-align: center;
+    vertical-align: middle;
+    color: white;
+    font-size: 20;
 }
\ No newline at end of file
diff --git a/Aurora/Design/Components/MemberList/MemberList.xaml b/Aurora/Design/Components/MemberList/MemberList.xaml
index df906ce..265a06a 100644
--- a/Aurora/Design/Components/MemberList/MemberList.xaml
+++ b/Aurora/Design/Components/MemberList/MemberList.xaml
@@ -12,15 +12,17 @@
     <ContentView.Content>
         <flv:FlowListView
              x:Name="MembersList"
-             FlowColumnCount="8"
+             FlowColumnMinWidth="150"
              RowHeight="150"
              VerticalOptions="FillAndExpand"
              SeparatorVisibility="None"
-             HasUnevenRows="false"
-             StyleClass="accentColor">
+             BackgroundColor="#3a3a3a"
+             HasUnevenRows="false">
             <flv:FlowListView.FlowColumnTemplate>
                 <DataTemplate>
-                    <Frame>
+                    <Frame
+                         HorizontalOptions="FillAndExpand"
+                         VerticalOptions="FillAndExpand">
                         <Label
                              Text="{Binding UserName}"
                              TextColor="White"/>
diff --git a/Aurora/Design/Views/MainView/MainView.css b/Aurora/Design/Views/MainView/MainView.css
index 76c0ca5..5746ed7 100644
--- a/Aurora/Design/Views/MainView/MainView.css
+++ b/Aurora/Design/Views/MainView/MainView.css
@@ -36,4 +36,5 @@
     margin-top: 20;
     margin-bottom: 20;
     border-radius: 15;
+    background-color: #626363;
 }
diff --git a/Aurora/Design/Views/MainView/MainView.xaml b/Aurora/Design/Views/MainView/MainView.xaml
index bb029d5..20caa21 100644
--- a/Aurora/Design/Views/MainView/MainView.xaml
+++ b/Aurora/Design/Views/MainView/MainView.xaml
@@ -59,12 +59,13 @@
         <dialog:Modal x:Name="Modal"
             Grid.Column="1"
             Grid.Row="2"
-            BackgroundColor="Gray"
+            StyleClass="secondAccentColor"
             HorizontalOptions="Center"
             VerticalOptions="End"/>
 
         <!--Music Player-->
         <mp:Player
+            StyleClass="secondAccentColor"
             x:Name="Player"
             Grid.Row="3"
             Grid.ColumnSpan="2"/>
diff --git a/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.css b/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.css
index 63ccef8..01e7912 100644
--- a/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.css
+++ b/Aurora/Design/Views/Party/NewPartyDialog/NewPartyDialog.css
@@ -23,4 +23,3 @@ Button {
     background-color: transparent;
 }
 
-s
diff --git a/Aurora/Design/Views/Party/PartyView.xaml b/Aurora/Design/Views/Party/PartyView.xaml
index 1422ee1..ed4b37b 100644
--- a/Aurora/Design/Views/Party/PartyView.xaml
+++ b/Aurora/Design/Views/Party/PartyView.xaml
@@ -17,6 +17,8 @@
             <tabView:TabViewControl
                  HorizontalOptions="FillAndExpand"
                  VerticalOptions="FillAndExpand"
+                 TabSizeOption="100"
+                 HeaderBackgroundColor="#232323"
                  x:Name="TabView">
                 <tabView:TabViewControl.ItemSource>
                     <tabView:TabItem