From 82cfab3c11f65c2c5c7761845bdaaf483d884f19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Mon, 29 May 2017 15:09:42 +0200
Subject: [PATCH] Fix show buttons layout

---
 src/public/js/components/shows/details.js | 7 ++++---
 src/public/less/app.less                  | 5 ++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/public/js/components/shows/details.js b/src/public/js/components/shows/details.js
index 1935d65..a5593ec 100644
--- a/src/public/js/components/shows/details.js
+++ b/src/public/js/components/shows/details.js
@@ -186,9 +186,10 @@ function Episode(props) {
         />
         {props.data.episode}
       </th>
-      <td className="col-xs-5">{props.data.title}</td>
-      <td className="col-xs-6 list-details-button">
-        <span className="pull-right episode-buttons btn-toolbar">
+      <td className="col-xs-12">
+        {props.data.title}
+
+        <span className="pull-right episode-buttons">
           <SubtitlesButton
             url={props.data.polochon_url}
             subtitles={props.data.subtitles}
diff --git a/src/public/less/app.less b/src/public/less/app.less
index c07306f..c6a0bb1 100644
--- a/src/public/less/app.less
+++ b/src/public/less/app.less
@@ -47,9 +47,8 @@ body {
 }
 
 .episode-buttons {
-    display: flex;
-    span {
-      margin-left: 5px;
+    div, span {
+        margin: 2px;
     }
 }