Merge pull request #1 from InnerSourceCommons/adjusting-line-height

Adjusting line height

Author: spier

css/common.css

@@ -103,10 +103,22 @@ main {
 	-ms-flex: none;
 	flex: none;
 	width: 100%;
-	padding: 0.5em 1.25em 0.5em 0.75em;
+	padding: 0.5em 3.5em 0.5em 0.75em;
 	background: #fff;
 }
 
+.github-link {
+	position: absolute;
+	right: 1em;
+	top: 0.75em;
+	z-index: 1001;
+}
+
+.github-link .icon {
+	width: 32px;
+	height: 32px;
+}
+
 .codrops-header__main {
 	display: -webkit-flex;
 	display: -ms-flexbox;
@@ -126,8 +138,8 @@ main {
 	font-size: 1.5em;
 	font-weight: 700;
 	margin: 0;
-	line-height: 0.8;
-	padding: 0 0 0.1em 0;
+	line-height: 1;
+	padding: 0.2em 0 0.2em 0;
 }
 
 .codrops-header__tagline {
@@ -143,26 +155,12 @@ main {
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
-	-webkit-justify-content: center;
-	-ms-flex-pack: center;
-	justify-content: center;
-	text-align: center;
+	-webkit-align-items: center;
+	-ms-flex-align: center;
+	align-items: center;
 	white-space: nowrap;
 }
 
-.codrops-links::after {
-	content: '';
-	position: absolute;
-	top: 15%;
-	left: 50%;
-	width: 2px;
-	height: 70%;
-	opacity: 0.7;
-	background: rgba(0, 0, 0, 0.25);
-	-webkit-transform: rotate3d(0, 0, 1, 22.5deg);
-	transform: rotate3d(0, 0, 1, 22.5deg);
-}
-
 .codrops-icon {
 	display: inline-block;
 	margin: 0.5em;
@@ -175,6 +173,7 @@ main {
 	margin: 0.25em 0;
 	padding: 0 1em;
 	font-weight: bold;
+	line-height: 1.6;
 }
 
 .codrops-demos a {
@@ -460,7 +459,7 @@ main {
 
 .content__title {
 	font-size: 7vw;
-	line-height: 0.85;
+	line-height: 1;
 	margin: 0;
 }
 

index.html

@@ -44,13 +44,13 @@
 					</div>
 					<h1 class="codrops-header__title">Advent Calendar - Each day a new Patterns to learn from and contribute to</h1>
 				</div>
+				<a href="https://github.com/InnerSourceCommons/InnerSource-Patterns-Advent-Calendar" title="View this project on GitHub" class="github-link"><svg class="icon icon--github"><use xlink:href="#icon-github"></use></svg></a>
 				<!-- <p class="codrops-header__tagline">Inspired by <a href="http://www.adultswim.com/music/singles-2016/" class="link">Adult Swim</a>. Firefox support is <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=904304" class="link">buggy</a>.</p>
 				<nav class="codrops-demos">
 					<a class="link" href="index.html">Demo 1</a>
 					<a class="link current-demo" href="index2.html">Demo 2</a>
 					<a class="link" href="index3.html">Demo 3</a>
 				</nav> -->
-				<a href="https://github.com/InnerSourceCommons/InnerSource-Patterns-Advent-Calendar" title="View this project on GitHub"><svg class="icon icon--github"><use xlink:href="#icon-github"></use></svg></a>
 			</header>
 			<div class="calendar-wrap">
 				<div class="calendar">