frontpage: don't cut text on small screensHEADmaster

2 files changed, 6 insertions, 13 deletions

diff --git a/_static/styles.css b/_static/styles.css
index a6093cf..0807238 100644
--- a/_static/styles.css
+++ b/_static/styles.css
@@ -19,17 +19,10 @@ body {
 }
 
 .block-left {
-	width: 24em;
+	max-width: 24em;
+	min-width: 46%;
 	float: left;
-/*	background-color: #faa; */
-	padding: 0.5em 3em 0.5em 0em;
-}
-
-.block-right {
-	width: 24em;
-	float: left;
-/*	background-color: #faa; */
-	padding: 0.5em 3em 0.5em 0em;
+	padding: 0.5em 2em 0.5em 0em;
 }
 
 .block-center {
@@ -143,7 +136,7 @@ nav a.active {
 }
 
 article {
-	padding: 0em 1.5em;
+	padding: 0em 1em;
 	max-width: 54em;
 	margin: 0 auto;
 	position: relative;
diff --git a/index.md b/index.md
index b0513e5..af3e343 100644
--- a/index.md
+++ b/index.md
@@ -10,7 +10,7 @@ title: Alpine Linux
     based on musl libc and busybox.
    </p>
  </div>
- <div class="block-right block-center">
+ <div class="block-left block-center">
    <span class="icon-download" style="font-size:400%; color:green;"></span>
    <p>
     <a href="{{releases.default.iso_url}}">{{releases.default.iso}}</a>
@@ -40,7 +40,7 @@ title: Alpine Linux
    <tr><td>&nbsp;</td><td><a href="posts/">more...</a></td></tr>
   </table>
  </div>
- <div class="block-right">
+ <div class="block-left">
   <h3><span class="icon-git-square"></span> Latest Development</h3>
   <table>
    {{#git-commits.entries}}