Update MainPageHTML

Updated some more styling and also made it so it wouldn't scrunch up if you lower winndow width
lwm14001 · Nov 6, 2016 · 52a0379 · 52a0379
1 parent ecbbf71
commit 52a0379
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/MainPageHTML b/MainPageHTML
@@ -5,6 +5,8 @@
 body{
 	background-color: #ffffff;
 	font:arial;
+	overflow:scrollbar;
+	min-width:700px;
 }
 table{
 	border-collapse: collapse;
@@ -18,11 +20,11 @@ th,td{
 }
 a{
 	text-align:center;
-	padding:10px;
+	padding:10px 4%;
 	border: solid 1px black;
 	border-radius: 5px;
 	display: inline-block;
-	margin:1px;
+	margin:1px 10px;
 }
 a:link, a:visited{
 	background-color:#7881a1;
@@ -42,12 +44,12 @@ div.header{
 </style>
 </head>
 <body>
-<div class="header">UCONN LOGO SHOULD PROBS GO UP HERE OR SOMETHING</div>
-<div class="header">
-	<div style="display:inline;width:25%;padding:0 3%;background-color:inherit"><a href="http://www.google.com"> Holds and Indicators</a></div>
-	<div style="display:inline;width:25%;padding:0 3%;background-color:inherit"><a href="http://www.google.com"> Enrollment Dates</a></div>
-	<div style="display:inline;width:25%;padding:0 3%;background-color:inherit"><a href="http://www.google.com"> Advisor</a></div>
-	<div style="display:inline;width:25%;padding:0 3%;background-color:inherit"><a href="http://www.google.com"> Links</a></div>
+<div style="background-color:rgb(18,33,74)"><img style="width:255px;height:98px" src="http://logonoid.com/images/uconn-logo.png"></div>
+<div style="background-color:rgb(18,33,74)">
+	<div style="display:inline;width:25%;padding:0 1%;background-color:inherit"><a href="http://www.google.com"> Holds and Indicators</a></div>
+	<div style="display:inline;width:25%;padding:0 1%;background-color:inherit"><a href="http://www.google.com"> Enrollment Dates</a></div>
+	<div style="display:inline;width:25%;padding:0 1%;background-color:inherit"><a href="http://www.google.com"> Advisor</a></div>
+	<div style="display:inline;width:25%;padding:0 1%;background-color:inherit"><a href="http://www.google.com"> Links</a></div>
 </div>
 <div style="width:48%;display:inline-block;margin-top:50px;margin-right:1%">
 	<div class="header">Academics</div>