aboutsummaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
-rw-r--r--_includes/header.html1
-rw-r--r--_includes/sidebar.html4
-rw-r--r--css/misc.css3
3 files changed, 6 insertions, 2 deletions
diff --git a/_includes/header.html b/_includes/header.html
index 0200bd1..144ac73 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -10,6 +10,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/plots.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 cb5b538..2b7baa9 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -1,6 +1,6 @@
<h4>About the project</h4>
<p>Getting the hang out of the sorting algorithms. 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/sorting_algorithms"><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/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;
+}