Edited Ui

app/assets/stylesheets/application.css

@@ -9,9 +9,7 @@
  * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
  * files in this directory. Styles in this file should be added after the last require_* statement.
  * It is generally better to create a new file per style scope.
-*= require animate
  
  *= require_tree .
  *= require_self
  */
\ No newline at end of file
-*= require animate
\ No newline at end of file

app/assets/stylesheets/style.css

@@ -42,6 +42,12 @@ h1, h2, h3, h4, h5, h6 {
 
 }
 
+.no-margin {
+    margin-bottom: 0px;
+    margin-right: 9px;
+    color: #847a9b;
+}
+
 hr {
     padding: 0px;
     margin: 0px;
@@ -130,6 +136,27 @@ thead {
 
 }
 
+.team-member {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: whitesmoke;
+    box-sizing: border-box;
+    padding: 1em 3em;
+}
+
+.badge {
+    font-size: 10px;
+    text-transform: uppercase;
+    background: #fdfdfd;
+    display: inline;
+    color: #ee5c82 !important;
+    padding: 5px 25px;
+    border-radius: 25px;
+    font-weight: bold;
+    letter-spacing: 2px;
+}
+
 .overlay {
     background: linear-gradient(
                      rgba(20,20,20, .5), 

app/views/pages/about.html.erb

 <h3>The A Team</h3>
-<h5>Royce Matthew Chan</h5>
-<h4>Full-Stack Developer</h4>
-<h5>Alexander Hans Collado Jr.</h5>
-<h5>George Balmaceda</h5>
-<h5>Travis Munoz</h5>
\ No newline at end of file
+
+
+
+<div class="team-member">
+<h5 class="no-margin">Royce Matthew Chan</h5>
+<span class="badge">full-stack developer</span>
+</div>
+<hr>
+<div class="team-member">
+<h5 class="no-margin">Alexander Hans Collado Jr.</h5>
+<span class="badge">UI Engineer</span>
+</div>
+<hr>
+<div class="team-member">
+<h5 class="no-margin">George Nicole Balmaceda</h5>
+<span class="badge">Ruby Developer</span>
+</div>
+<hr>
+<div class="team-member">
+<h5 class="no-margin">Royce Matthew Chan</h5>
+<span class="badge">Ruby Developer</span>
+</div>

app/views/pages/index.html.erb

@@ -4,7 +4,7 @@
 
 <% end %>
 
-<h3 class="main-heading">Election Results</h3>
+<h3 class="main-heading">Election Summary</h3>
 <hr>
 <%@positions.each do |p|%>
 <div style="display:inline-block;  padding:20px">