1 files changed, 35 insertions, 33 deletions
diff --git a/www/weeks.html b/www/weeks.html
index 0316fad..8ca1e7c 100644
--- a/www/weeks.html
+++ b/www/weeks.html
@@ -6,6 +6,7 @@
   <meta name="author" content="Christian Pointner <equinox@helsinki.at>">
 
   <link rel="shortcut icon" href="/img/favicon.ico" />
+  <link href="/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet">
   <link href="/styles/common.css" rel="stylesheet">
   <link href="/styles/weeks.css" rel="stylesheet">
   <script src="/javascript/jquery/jquery.min.js"></script>
@@ -14,43 +15,44 @@
   <script src="/js/calendar.js"></script>
  </head>
  <body>
-   <div id="container">
-     <div id="leftcol">
-       <div id="title">
-         <h1>Rivendell Wochenplan</h1>
-       </div>
+   <div class="container-fluid">
+     <div class="row">
+       <div class="col-md-4 col-md-offset-1">
+         <div id="title">
+           <h1>Rivendell Wochenplan</h1>
+         </div>
 
-       <div id="clock">
-         <h2>aktuelle Woche:</h2>
-         <span class="current-week"></span>
-         <span class="clock-date"></span>
-         <span class="clock-time"></span>
-       </div>
+         <div id="clock">
+           <h2>aktuelle Woche:</h2>
+           <span class="current-week"></span>
+           <span class="clock-date"></span>
+           <span class="clock-time"></span>
+         </div>
 
-       <div id="buttons">
-         <div>
-           <input id="btn-today" type="button" value="Heute">
+         <div id="buttons">
+           <div class="btn-group btn-group-lg" role="group">
+             <button type="button" class="btn btn-default" id="btn-earlier"><span class="glyphicon glyphicon-minus"></span></button>
+             <button type="button" class="btn btn-default" id="btn-today">Heute</button>
+             <button type="button" class="btn btn-default" id="btn-later"><span class="glyphicon glyphicon-plus"></span></button>
+           </div>
          </div>
-         <input id="btn-earlier" type="button" value="Früher">
-         <input id="btn-later" type="button" value="Später">
        </div>
-     </div>
-
-     <div id="rightcol">
-       <table id="calendar">
-         <tr>
-           <th></th>
-           <th></th>
-           <th>Mo</th>
-           <th>Di</th>
-           <th>Mi</th>
-           <th>Do</th>
-           <th>Fr</th>
-           <th>Sa</th>
-           <th>So</th>
-           <th></th>
-         </tr>
-       </table>
+       <div class="col-md-5 col-md-offset-1">
+         <table id="calendar">
+           <tr>
+             <th></th>
+             <th></th>
+             <th>Mo</th>
+             <th>Di</th>
+             <th>Mi</th>
+             <th>Do</th>
+             <th>Fr</th>
+             <th>Sa</th>
+             <th>So</th>
+             <th></th>
+           </tr>
+         </table>
+       </div>
      </div>
    </div>