Changed button size on landing page to big.

Simplified some css lines.
codevision-org · Nov 15, 2018 · 828c55c · 828c55c
1 parent 88b8dc6
commit 828c55c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 14 deletions.
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
@@ -75,11 +75,9 @@ body {
 }
 
 #menu-logo {
-    background-image: url("../images/logo.png");
     width: 55px;
-    background-position: center;
     background-size: cover;
-    background-repeat: no-repeat;
+    background: url("../images/logo.png") no-repeat center;
 }
 
 .ui.right.labeled.icon.massive.button {
@@ -116,10 +114,7 @@ form {
 
 .ui.red.inverted.segment.flash-segment {
     width: 50%;
-    margin-top: 25px;
-    margin-left: auto;
-    margin-right: auto;
-    margin-bottom: 25px;
+    margin: 25px auto;
 }
 
 .ui.blue.inverted.segment.flash-segment {
@@ -174,22 +169,22 @@ form {
 
 #courses-title {
     margin-top: 0.5em;
-    font-family: 'Roboto';
+    font-family: 'Roboto', sans-serif;
     font-size: 75px;
     letter-spacing: 4px;
     font-weight: 100;
 }
 
 .ui.blue.header.about-us-subtitle {
     margin-top: 2em;
-    font-family: 'Roboto';
+    font-family: 'Roboto', sans-serif;
     font-size: 40px;
     letter-spacing: 4px;
     font-weight: 100;
 }
 
 .ui.blue.header.about-us-text {
-    font-family: 'Roboto';
+    font-family: 'Roboto', sans-serif;
     font-size: 20px;
     letter-spacing: 1.2px;
     font-weight: 200;
@@ -328,7 +323,7 @@ img {
 .ui.button.dropdown .menu {
     margin-top: 5%;
 }
-
+.ui.button
 img.ui.image#users-img {
     margin-top: 10%;
     border-radius: 100%;

diff --git a/views/landing.ejs b/views/landing.ejs
@@ -1,15 +1,15 @@
 <% include ./partials/header %>
 <div id="brand-title" class="ui huge header brand">Codevision</div>
 <div id="brand-subtitle" class="ui huge header brand">Where programmers thrive</div>
-<a id="first-button" href="https://discord.gg/r2xdWye" class="ui right labeled circular icon massive float button">
+<a id="first-button" href="https://discord.gg/r2xdWye" class="ui right labeled circular icon big float button">
     <i class="right arrow icon"></i>
     Join the Discord
 </a>
-<a id="second-button" href="/courses" class="ui right labeled circular icon massive float button">
+<a id="second-button" href="/courses" class="ui right labeled circular icon big float button">
     <i class="right arrow icon"></i>
     View the Courses
 </a>
-<a id="third-button" href="/register" class="ui right labeled circular icon massive float button">
+<a id="third-button" href="/register" class="ui right labeled circular icon big float button">
     <i class="right arrow icon"></i>
     Create an Account
 </a>