From 13584852e8632e11f0c852bd4a9beae26519acf1 Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Thu, 14 May 2015 03:52:44 +0300
Subject: add CSS classes for reasonably wide blocks

---
 _includes/header.html  | 1 +
 _includes/sidebar.html | 4 ++--
 about.html             | 4 ++--
 css/misc.css           | 3 +++
 4 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 css/misc.css

diff --git a/_includes/header.html b/_includes/header.html
index e9fcc2b..a4d14af 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -9,6 +9,7 @@
 
     <link rel="stylesheet" href="{{ site.baseurl }}/css/syntax.css">
     <link rel="stylesheet" href="{{ site.baseurl }}/css/footer.css">
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/misc.css">
 
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 1a1f9a4..e7b024c 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -1,6 +1,6 @@
 <h4>About the project</h4>
 <p>Thoughts on C++ and life. Feel free to contribute or contact me.</p>
-<div class="list-group" style="max-width: 400px;">
+<div class="list-group reasonable-width">
   <a class="list-group-item" href="//github.com/egor-tensin/cpp_tips"><span class="glyphicon glyphicon-home"></span>&nbsp;GitHub repository</a>
   <a class="list-group-item" href="mailto:Egor.Tensin@gmail.com"><span class="glyphicon glyphicon-envelope"></span>&nbsp;Egor.Tensin@gmail.com</a>
 </div>
@@ -8,7 +8,7 @@
 {% if site.posts.size == 0 %}
   <p>Sorry, there're no posts yet.</p>
 {% else %}
-  <div class="list-group">
+  <div class="list-group reasonable-width">
   {% for post in site.posts limit: 5 %}
     <a class="list-group-item" href="{{ site.baseurl }}{{ post.url }}"><span class="badge"><span class="glyphicon glyphicon-time"></span>&nbsp;{{ post.date | date_to_string }}</span><span class="glyphicon glyphicon-file"></span>&nbsp;{{ post.title }}</a>
   {% endfor %}
diff --git a/about.html b/about.html
index 19466a2..b9d3737 100644
--- a/about.html
+++ b/about.html
@@ -5,12 +5,12 @@ group: "navigation"
 ---
 <h1>About the project</h1>
 <p>Thoughs on C++ and life. Feel free to contribute or contact me.</p>
-<div class="list-group" style="max-width: 400px;">
+<div class="list-group reasonable-width">
   <a class="list-group-item" href="//github.com/egor-tensin/cpp_tips"><span class="glyphicon glyphicon-home"></span>&nbsp;GitHub repository</a>
   <a class="list-group-item" href="mailto:Egor.Tensin@gmail.com"><span class="glyphicon glyphicon-envelope"></span>&nbsp;Egor.Tensin@gmail.com</a>
 </div>
 <h3>Platform</h3>
-<table class="table table-bordered" style="max-width: 400px;">
+<table class="table table-bordered reasonable-width">
   <tr>
     <th>CPU</th>
     <td><a href="http://ark.intel.com/products/58917">Intel Atom N2800</a></td>
diff --git a/css/misc.css b/css/misc.css
new file mode 100644
index 0000000..06c6675
--- /dev/null
+++ b/css/misc.css
@@ -0,0 +1,3 @@
+.reasonable-width {
+  max-width: 400px;
+}
-- 
cgit v1.2.3