From fb553bf37ff2bcb0b620f50d8c90e0b145a44341 Mon Sep 17 00:00:00 2001
From: Alex Kapelyukhovsky <alkapa2005@gmail.com>
Date: Sun, 28 May 2017 17:55:04 +0300
Subject: [PATCH] #207: Simple styling

---
 src/client/calendar/Calendars.jsx  | 11 +++++------
 src/client/calendar/Calendars.scss | 27 +++++++++++++++++++++++++++
 2 files changed, 32 insertions(+), 6 deletions(-)
 create mode 100644 src/client/calendar/Calendars.scss

diff --git a/src/client/calendar/Calendars.jsx b/src/client/calendar/Calendars.jsx
index 621292c2..402b2a05 100644
--- a/src/client/calendar/Calendars.jsx
+++ b/src/client/calendar/Calendars.jsx
@@ -1,4 +1,5 @@
 import Component from 'react-pure-render/component'
+import './Calendars.scss'
 import React from 'react'
 
 class Calendars extends Component {
@@ -13,12 +14,10 @@ class Calendars extends Component {
       </li>)
 
     return (
-      <div>
-        <span>Calendars:</span>
-        <ul>
-          {calendarsComponent}
-        </ul>
-      </div>
+      <ul className='Calendars'>
+        <li>Calendars:</li>
+        {calendarsComponent}
+      </ul>
     )
   }
 }
diff --git a/src/client/calendar/Calendars.scss b/src/client/calendar/Calendars.scss
new file mode 100644
index 00000000..86fc2fbd
--- /dev/null
+++ b/src/client/calendar/Calendars.scss
@@ -0,0 +1,27 @@
+.Calendars {
+  list-style-type: none;
+
+  li {
+    height: 25px;
+    width: 240px;
+    float: left;
+    text-align: center;
+    margin-right: 0px;
+    border: 1px solid #aaa;
+    padding: 0 20px;
+  }
+
+  li:first-child {
+    border: none;
+    text-align: right;
+  }
+
+  li a {
+    text-decoration: none;
+    text-transform: uppercase;
+  }
+
+  li a:hover {
+    font-weight: bold;
+  }
+}