From 8fa529dc5f6bc0c6788c5abfbff273ef7d6ff053 Mon Sep 17 00:00:00 2001
From: Jacob Cody Wimer <jacob.wimer@gmail.com>
Date: Wed, 1 Feb 2017 19:37:58 +0000
Subject: [PATCH] Condensed the bracket pages

---
 app/views/layouts/_lsidebar.html.erb          |   2 +-
 .../_fourPoolQuarterBracket.html.erb          | 137 +++++-------------
 .../tournaments/_fourPoolSemiBracket.html.erb | 130 ++++-------------
 .../tournaments/_twoPoolFinalBracket.html.erb |  88 ++---------
 .../tournaments/_twoPoolSemiBracket.html.erb  |  95 ++----------
 app/views/tournaments/all_brackets.html.erb   |  57 +++++++-
 app/views/tournaments/bracket.html.erb        |  99 ++++++++++---
 7 files changed, 226 insertions(+), 382 deletions(-)

diff --git a/app/views/layouts/_lsidebar.html.erb b/app/views/layouts/_lsidebar.html.erb
index ccfabe7..4c04823 100644
--- a/app/views/layouts/_lsidebar.html.erb
+++ b/app/views/layouts/_lsidebar.html.erb
@@ -5,7 +5,7 @@
         <% if @tournament %>
             <div class="" style="padding-right: 1%;">
                 <h4>Tournament Links</h4>
-                <ul class="">
+                <ul>
                     <li><%= link_to "Tournament home" , "/tournaments/#{@tournament.id}/" %></li>
                     <li><%= link_to "Brackets" , "/tournaments/#{@tournament.id}/brackets" %></li>
                     <li><%= link_to "Bout Board" , "/tournaments/#{@tournament.id}/up_matches" %></li>
diff --git a/app/views/tournaments/_fourPoolQuarterBracket.html.erb b/app/views/tournaments/_fourPoolQuarterBracket.html.erb
index fbd94b2..4b07d9b 100644
--- a/app/views/tournaments/_fourPoolQuarterBracket.html.erb
+++ b/app/views/tournaments/_fourPoolQuarterBracket.html.erb
@@ -1,200 +1,131 @@
-<style>
-/*
- *  Flex Layout Specifics
-*/
-main{
-  display:flex;
-  flex-direction:row;
-}
-.round{
-  display:flex;
-  flex-direction:column;
-  justify-content:center;
-  width:200px;
-  list-style:none;
-  padding:0;
-}
-  .round .spacer{ flex-grow:1; }
-  .round .spacer:first-child,
-  .round .spacer:last-child{ flex-grow:.5; }
-
-  .round .game-spacer{
-    flex-grow:1;
-  }
-
-/*
- *  General Styles
-*/
-body{
-  font-family:sans-serif;
-  font-size:small;
-  padding:10px;
-  line-height:1.4em;
-}
-
-li.game{
-  padding-left:20px;
-}
-
-  li.game.winner{
-    font-weight:bold;
-  }
-  li.game span{
-    float:right;
-    margin-right:5px;
-  }
-
-  li.game-top{ border-bottom:1px solid #aaa; }
-
-  li.game-spacer{ 
-    border-right:1px solid #aaa;
-    min-height:40px;
-  }
-
-  li.game-bottom{ 
-    border-top:1px solid #aaa;
-  }
-
-
-</style>
-
-
-<h5>Championship Bracket After Pool</h5>
+<h5>Bracket After Pool</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "Quarter"}.sort_by{|m| m.bracket_position_number}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<% end %>
 	</ul>
 	<ul class="round round-2">
 		<% @matches.select{|m|m.bracket_position == "Semis"}.sort_by{|m| m.bracket_position_number}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
-
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<% end %>
 	</ul>
 	<ul class="round round-3">
 		<% @matches.select{|m|m.bracket_position == "1/2"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-4">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "><%= match.winnerName %> <span></span></li>
+		<li class="bracket-winner"><%= match.winnerName %> <span></span></li>
 		1st
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 		<% end %>	
 </main>
-</br>
-<h5>3rd/4th</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "3/4"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-2">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "> <%= match.winnerName %><span></span></li>
+		<li class="bracket-winner"> <%= match.winnerName %><span></span></li>
 		3rd
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>	
 		<% end %>
 </main>
-</br>
-<h5>Consolation Bracket After Pool</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "Conso Semis"}.sort_by{|m| m.bracket_position_number}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<% end %>
 	</ul>
 	<ul class="round round-2">
 		<% @matches.select{|m|m.bracket_position == "5/6"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-3">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "> <%= match.winnerName %><span></span></li>
+		<li class="bracket-winner"> <%= match.winnerName %><span></span></li>
 		5th
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>	
 		<% end %>
 </main>
-<br>
-<h5>7th/8th</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "7/8"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-2">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "><%= match.winnerName %> <span></span></li>
+		<li class="bracket-winner"><%= match.winnerName %> <span></span></li>
 		7th
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>	
 		<% end %>
 </main>
-</br>
 
 
 
diff --git a/app/views/tournaments/_fourPoolSemiBracket.html.erb b/app/views/tournaments/_fourPoolSemiBracket.html.erb
index d52c13c..c6da986 100644
--- a/app/views/tournaments/_fourPoolSemiBracket.html.erb
+++ b/app/views/tournaments/_fourPoolSemiBracket.html.erb
@@ -1,191 +1,123 @@
-<style>
-/*
- *  Flex Layout Specifics
-*/
-main{
-  display:flex;
-  flex-direction:row;
-}
-.round{
-  display:flex;
-  flex-direction:column;
-  justify-content:center;
-  width:200px;
-  list-style:none;
-  padding:0;
-}
-  .round .spacer{ flex-grow:1; }
-  .round .spacer:first-child,
-  .round .spacer:last-child{ flex-grow:.5; }
-
-  .round .game-spacer{
-    flex-grow:1;
-  }
-
-/*
- *  General Styles
-*/
-body{
-  font-family:sans-serif;
-  font-size:small;
-  padding:10px;
-  line-height:1.4em;
-}
-
-li.game{
-  padding-left:20px;
-}
-
-  li.game.winner{
-    font-weight:bold;
-  }
-  li.game span{
-    float:right;
-    margin-right:5px;
-  }
-
-  li.game-top{ border-bottom:1px solid #aaa; }
-
-  li.game-spacer{ 
-    border-right:1px solid #aaa;
-    min-height:40px;
-  }
-
-  li.game-bottom{ 
-    border-top:1px solid #aaa;
-  }
-
-
-</style>
-
-
-<h5>Championship Bracket After Pool</h5>
+<h5>Bracket After Pool</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "Semis"}.sort_by{|m| m.bracket_position_number}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<% end %>
 	</ul>
 	<ul class="round round-2">
 		<% @matches.select{|m|m.bracket_position == "1/2"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-3">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "> <%= match.winnerName %><span></span></li>
+		<li class="bracket-winner"><%= match.winnerName %><span></span></li>
 		1st
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>	
 		<% end %>
 </main>
-</br>
 
-<h5>3rd/4th</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "3/4"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-2">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "> <%= match.winnerName %><span></span></li>
+		<li class="bracket-winner"><%= match.winnerName %><span></span></li>
 		3rd
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>	
 		<% end %>
 </main>
-</br>
 
 
-<h5>Consolation Bracket After Pool</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "Conso Semis"}.sort_by{|m| m.bracket_position_number}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<% end %>
 	</ul>
 	<ul class="round round-2">
 		<% @matches.select{|m|m.bracket_position == "5/6"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-3">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "> <%= match.winnerName %><span></span></li>
+		<li class="bracket-winner"><%= match.winnerName %><span></span></li>
 		5th
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>	
 		<% end %>
 </main>
-<br>
-<h5>7th/8th</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "7/8"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-2">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "> <%= match.winnerName %><span></span></li>
+		<li class="bracket-winner"><%= match.winnerName %><span></span></li>
 		7th
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>	
 		<% end %>
 </main>
-</br>
 
 
 
diff --git a/app/views/tournaments/_twoPoolFinalBracket.html.erb b/app/views/tournaments/_twoPoolFinalBracket.html.erb
index a058c12..fc3aeb7 100644
--- a/app/views/tournaments/_twoPoolFinalBracket.html.erb
+++ b/app/views/tournaments/_twoPoolFinalBracket.html.erb
@@ -1,108 +1,46 @@
-<style>
-/*
- *  Flex Layout Specifics
-*/
-main{
-  display:flex;
-  flex-direction:row;
-}
-.round{
-  display:flex;
-  flex-direction:column;
-  justify-content:center;
-  width:200px;
-  list-style:none;
-  padding:0;
-}
-  .round .spacer{ flex-grow:1; }
-  .round .spacer:first-child,
-  .round .spacer:last-child{ flex-grow:.5; }
-
-  .round .game-spacer{
-    flex-grow:1;
-  }
-
-/*
- *  General Styles
-*/
-body{
-  font-family:sans-serif;
-  font-size:small;
-  padding:10px;
-  line-height:1.4em;
-}
-
-li.game{
-  padding-left:20px;
-}
-
-  li.game.winner{
-    font-weight:bold;
-  }
-  li.game span{
-    float:right;
-    margin-right:5px;
-  }
-
-  li.game-top{ border-bottom:1px solid #aaa; }
-
-  li.game-spacer{ 
-    border-right:1px solid #aaa;
-    min-height:40px;
-  }
-
-  li.game-bottom{ 
-    border-top:1px solid #aaa;
-  }
-
-
-</style>
-
-</br>
-<h5>Championship Match</h5>
+<h5>Bracket After Pool</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "1/2"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-2">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "> <%= match.winnerName %><span></span></li>
+		<li class="bracket-winner"><%= match.winnerName %><span></span></li>
 		1st
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 	</ul>
 		<% end %>
 </main>
 
-<h5>3rd/4th</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "3/4"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-2">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "><%= match.winnerName %> <span></span></li>
+		<li class="bracket-winner"><%= match.winnerName %> <span></span></li>
 		3rd
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 	</ul>
 		<% end %>
 </main>
diff --git a/app/views/tournaments/_twoPoolSemiBracket.html.erb b/app/views/tournaments/_twoPoolSemiBracket.html.erb
index bb23f26..41ac11d 100644
--- a/app/views/tournaments/_twoPoolSemiBracket.html.erb
+++ b/app/views/tournaments/_twoPoolSemiBracket.html.erb
@@ -1,122 +1,59 @@
-<style>
-/*
- *  Flex Layout Specifics
-*/
-main{
-  display:flex;
-  flex-direction:row;
-}
-.round{
-  display:flex;
-  flex-direction:column;
-  justify-content:center;
-  width:200px;
-  list-style:none;
-  padding:0;
-}
-  .round .spacer{ flex-grow:1; }
-  .round .spacer:first-child,
-  .round .spacer:last-child{ flex-grow:.5; }
-
-  .round .game-spacer{
-    flex-grow:1;
-  }
-
-/*
- *  General Styles
-*/
-body{
-  font-family:sans-serif;
-  font-size:small;
-  padding:10px;
-  line-height:1.4em;
-}
-
-li.game{
-  padding-left:20px;
-}
-
-  li.game.winner{
-    font-weight:bold;
-  }
-  li.game span{
-    float:right;
-    margin-right:5px;
-  }
-
-  li.game-top{ border-bottom:1px solid #aaa; }
-
-  li.game-spacer{ 
-    border-right:1px solid #aaa;
-    min-height:40px;
-  }
-
-  li.game-bottom{ 
-    border-top:1px solid #aaa;
-  }
-
-
-</style>
-
-</br>
-<h5>Championship Bracket After Pool</h5>
+<h5>Bracket After Pool</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "Semis"}.sort_by{|m| m.bracket_position_number}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<% end %>
 	</ul>
 	<ul class="round round-2">
 		<% @matches.select{|m|m.bracket_position == "1/2"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-3">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "> <%= match.winnerName %><span></span></li>
+		<li class="bracket-winner"><%= match.winnerName %><span></span></li>
 		1st
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>	
 		<% end %>
 </main>
-</br>
 
-<h5>3rd/4th</h5>
 <main id="bracket">
 	<ul class="round round-1">
 		<% @matches.select{|m|m.bracket_position == "3/4"}.each do |match| %>
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 		<li class="game game-top "><%= match.w1_name %> <span></span></li>
-		<li class="game game-spacer"><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
+		<li><%= match.bout_number %> <%= match.bracketScore %>&nbsp;</li>
 		<li class="game game-bottom "><%= match.w2_name %><span></span></li>
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>
 	<ul class="round round-2">
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
-		<li class="game game-top "> <%= match.winnerName %><span></span></li>
+		<li class="bracket-winner"><%= match.winnerName %><span></span></li>
 		3rd
 
-		<li class="spacer">&nbsp;</li>
+		<li>&nbsp;</li>
 		
 	</ul>	
 		<% end %>
diff --git a/app/views/tournaments/all_brackets.html.erb b/app/views/tournaments/all_brackets.html.erb
index be740a9..fe213c7 100644
--- a/app/views/tournaments/all_brackets.html.erb
+++ b/app/views/tournaments/all_brackets.html.erb
@@ -1,6 +1,6 @@
 <% cache ["#{@tournament.id}_all_brackets", @tournament] do %>
 
-    <style>
+<style>
     .pagebreak { 
       page-break-after: always;
       border: none;
@@ -13,10 +13,57 @@
         left: 1in;
         height: 1in;
     }
-    
-    
-    
-    </style>
+/*
+ *  Bracket Layout Specifics
+*/
+main, ul {
+  display:flex;
+}
+
+ul {
+  flex-direction:column;
+  width: 100px;
+  list-style:none;
+  padding:0;
+}
+
+.game + li {
+  flex-grow:1;
+}
+
+li:first-child,li:last-child {
+  flex-grow:.5;
+}
+
+.game {
+  padding-left:5px;
+}
+
+.winner {
+  font-weight:bold;
+}
+
+.game span {
+  float:right;
+  margin-right:5px;
+}
+
+.game-top {
+  border-bottom:1px solid #aaa;
+}
+
+.game-top + li {
+  border-right:1px solid #aaa; min-height:30px;
+}
+
+.bracket-winner {
+  border-bottom:1px solid #aaa;
+}
+
+.game-bottom {
+  border-top:1px solid #aaa;
+}
+</style>
     
     <div id="exportable">
     <% @tournament.weights.sort_by{|w| w.max}.each do |w| %>
diff --git a/app/views/tournaments/bracket.html.erb b/app/views/tournaments/bracket.html.erb
index d5404c8..1ee6a27 100644
--- a/app/views/tournaments/bracket.html.erb
+++ b/app/views/tournaments/bracket.html.erb
@@ -1,4 +1,56 @@
+<style>
+/*
+ *  Bracket Layout Specifics
+*/
+main {
+  display:flex;
+}
 
+.round {
+  display:flex;
+  flex-direction:column;
+  width: 100px;
+  list-style:none;
+  padding:0;
+}
+
+.game + li {
+  flex-grow:1;
+}
+
+li:first-child,li:last-child {
+  flex-grow:.5;
+}
+
+.game {
+  padding-left:5px;
+}
+
+.winner {
+  font-weight:bold;
+}
+
+.game span {
+  float:right;
+  margin-right:5px;
+}
+
+.game-top {
+  border-bottom:1px solid #aaa;
+}
+
+.game-top + li {
+  border-right:1px solid #aaa; min-height:30px;
+}
+
+.bracket-winner {
+  border-bottom:1px solid #aaa;
+}
+
+.game-bottom {
+  border-top:1px solid #aaa;
+}
+</style>
 <% cache ["#{@weight.id}_bracket", @weight] do %>
 	</br>
 	</br>
@@ -7,26 +59,33 @@
 	<%= link_to "Back to #{@tournament.name}", "/tournaments/#{@tournament.id}", :class=>"btn btn-default" %>
 	<br>
 	<br>
-	<h1><%= @weight.max %> lbs Bracket</h1>
-	
-	<%= render 'pool' %>
-	
-	<% if @bracketType == "twoPoolsToFinal" %>
-		<%= render 'twoPoolFinalBracket' %>
-	<% end %>
-	<% if @bracketType == "twoPoolsToSemi" %>
-		<%= render 'twoPoolSemiBracket' %>
-	<% end %>
-	<% if @bracketType == "fourPoolsToQuarter" %>
-		<%= render 'fourPoolQuarterBracket' %>
-	<% end %>
-	<% if @bracketType == "fourPoolsToSemi" %>
-		<%= render 'fourPoolSemiBracket' %>
-	<% end %>
-	<br><br>
-	<% if @weight.wrestlers.size <= 6 && @weight.allPoolMatchesFinished(1) %>
-		<%= render 'onePoolResults' %>
-	<% end %>
+	<table class='pagebreak'>
+        <h5><strong><%= @tournament.name %> - <%= @weight.max %> lbs Bracket</strong></h5>
+        <tr>
+            <td valign="top" style="padding: 10px;">
+                <% @matches = @tournament.matches.select{|m| m.weight_id == @weight.id} %>
+                <% @wrestlers = Wrestler.where(weight_id: @weight.id) %>
+                <% @pools = @weight.poolRounds(@matches) %>
+                <%= render 'pool' %>
+            </td>
+            
+            
+            <td valign="top" style="padding: 10px;">
+                <% if @weight.pool_bracket_type == "twoPoolsToFinal" %>
+                	<%= render 'twoPoolFinalBracket' %>
+                <% end %>
+                <% if @weight.pool_bracket_type == "twoPoolsToSemi" %>
+                	<%= render 'twoPoolSemiBracket' %>
+                <% end %>
+                <% if @weight.pool_bracket_type == "fourPoolsToQuarter" %>
+                	<%= render 'fourPoolQuarterBracket' %>
+                <% end %>
+                <% if @weight.pool_bracket_type == "fourPoolsToSemi" %>
+                	<%= render 'fourPoolSemiBracket' %>
+                <% end %>
+            </td>
+        </tr>
+        </table>
 <% end %>
 
 <% if can? :manage, @tournament %>