[dpdk-web] [PATCH] move button sizes in stylesheet

[dpdk-web] [PATCH] move button sizes in stylesheet

[Thomas Monjalon]

Signed-off-by: Thomas Monjalon <thomas.monjalon@6wind.com>
---
 content.css   | 16 +++++++++++++++-
 download.html | 14 +++++++-------
 events.html   |  4 ++--
 rel.html      | 12 ++++++------
 4 files changed, 30 insertions(+), 16 deletions(-)

diff --git a/content.css b/content.css
index 9a76bb0..4bd7240 100644
--- a/content.css
+++ b/content.css
@@ -90,7 +90,10 @@ section .button {
 	border-radius: 0.7em 0.7em 0.7em 0.7em;
 	color : #00233b;
 }
-
+section .button .material-icons {
+	display: block;
+	font-size: 4em;
+}
 section .button:hover {
 	text-decoration: none;
 	color: #fff;
@@ -100,6 +103,17 @@ section .button:hover {
 	-o-transition: background-color .08s linear;
 	transition: background-color .08s linear;
 }
+section#download .button,
+section#rel .button {
+	width: 26%;
+}
+section#download .button + .button,
+section#rel .button + .button {
+	margin-left: 11%;
+}
+section#events .button {
+	padding: 1em 3em;
+}
 
 section hr {
 	margin: 2em 0 1em 0;
diff --git a/download.html b/download.html
index 9e66668..af3ba98 100644
--- a/download.html
+++ b/download.html
@@ -37,18 +37,18 @@
 				</ul>
 			</nav>
 		</header>
-		<section>
+		<section id="download">
 			<h2>Download</h2>
-			<a href="http://fast.dpdk.org/rel/dpdk-16.04.tar.xz" class="button" style="width: 28%;">
-				<i class="material-icons" style="font-size: 4em;">archive</i><br>
+			<a href="http://fast.dpdk.org/rel/dpdk-16.04.tar.xz" class="button">
+				<i class="material-icons">archive</i>
 				Latest Version: 16.04
 			</a><!-- no whitespace
-			--><a href="/rel" class="button" style="width: 28%; margin: 0 8%;">
-				<i class="material-icons" style="font-size: 4em;">view_list</i><br>
+			--><a href="/rel" class="button">
+				<i class="material-icons">view_list</i>
 				Other Versions
 			</a><!-- no whitespace
-			--><a href="/doc/quick-start" class="button" style="width: 28%;">
-				<i class="material-icons" style="font-size: 4em;">access_time</i><br>
+			--><a href="/doc/quick-start" class="button">
+				<i class="material-icons">access_time</i>
 				Quick Start Instructions
 			</a>
 			<ul>
diff --git a/events.html b/events.html
index 83b8986..bb50d1f 100644
--- a/events.html
+++ b/events.html
@@ -44,8 +44,8 @@
 			</p>
 			<h2 id="usasummit2016">&rsaquo; DPDK <em>Summit</em>, San Jose - August 10-11, 2016</h2>
 			<p style="text-align: center;">
-				<a href="http://dpdksummit.com/us/en/registration" class="button"  style="padding: 1em 3em;">
-					<i class="material-icons" style="font-size: 4em;">event_note</i><br>
+				<a href="http://dpdksummit.com/us/en/registration" class="button">
+					<i class="material-icons">event_note</i>
 					Register
 				</a>
 			</p>
diff --git a/rel.html b/rel.html
index 1ecd697..44aa92b 100644
--- a/rel.html
+++ b/rel.html
@@ -39,16 +39,16 @@
 </header>
 <section id="rel">
 	<h2>Releases</h2>
-	<a href="/dev/roadmap" class="button" style="width: 28%;">
-		<i class="material-icons" style="font-size: 4em;">date_range</i><br>
+	<a href="/dev/roadmap" class="button">
+		<i class="material-icons">date_range</i>
 		Roadmap
 	</a><!-- no whitespace
-	--><a href="http://fast.dpdk.org/rel/" class="button" style="width: 28%; margin: 0 8%;">
-		<i class="material-icons" style="font-size: 4em;">view_list</i><br>
+	--><a href="http://fast.dpdk.org/rel/" class="button">
+		<i class="material-icons">view_list</i>
 		All Releases
 	</a><!-- no whitespace
-	--><a href="/browse/dpdk/refs/" class="button" style="width: 28%;">
-		<i class="material-icons" style="font-size: 4em;">call_split</i><br>
+	--><a href="/browse/dpdk/refs/" class="button">
+		<i class="material-icons">call_split</i>
 		Archives from Git
 	</a>
 	<hr>
-- 
2.7.0

Re: [dpdk-web] [PATCH] move button sizes in stylesheet

[Thomas Monjalon]

Applied