X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fapplication.scss;h=cdb4865577c4262d86236de4ac96150440ab7c2e;hb=cf02fbfb17f9e04312f771f245778d31bc1b69d2;hp=5c56e9507a8ebf9d17b9a9323e0971b8d79ae306;hpb=4a6995be18b15de1834a39c8921a0e4109671bb6;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 5c56e9507..cdb486557 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -1,5 +1,58 @@
+@import '../video.js/dist/video-js.css';
+
 body {
   padding: 20px;
+
+  @media screen and (max-width: 400px) {
+    padding: 3px;
+  }
+}
+
+menu {
+  @media screen and (max-width: 600px) {
+    margin-right: 3px !important;
+    padding: 3px !important;
+    min-height: 400px !important;
+  }
+
+  min-height: 600px;
+  margin-right: 20px;
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
+
+  .panel-block:not(:last-child) {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  }
+
+  .panel-button {
+    margin: 8px;
+    cursor: pointer;
+    transition: margin 0.2s;
+
+    &:hover {
+      margin-left: 15px;
+    }
+
+    a {
+      color: #333333;
+    }
+  }
+
+  .glyphicon {
+    margin: 5px;
+  }
+}
+
+.table-column-id {
+  width: 200px;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+input.readonly {
+  /* Force blank on readonly inputs */
+  background-color: #fff !important;
 }
 
 footer {