use css classes to make room for the roster

1 files changed, 22 insertions, 0 deletions

diff --git a/scss/_oc.scss b/scss/_oc.scss
index 9dc6688..d6a2b11 100644
--- a/scss/_oc.scss
+++ b/scss/_oc.scss
@@ -182,3 +182,25 @@
     opacity: 1;
   }
 }
+
+@media (min-width: 768px) {
+  #content-wrapper, #filestable > thead {
+    padding-right: 0;
+    transition: padding-right 0.5s;
+  }
+
+  #mainContainer, #odf-toolbar, #app-sidebar {
+    right: 0;
+    transition: right 0.5s;
+  }
+
+  .jsxc-roster-shown {
+    #content-wrapper, #filestable > thead {
+      padding-right: 210px;
+    }
+
+    #mainContainer, #odf-toolbar, #app-sidebar {
+      right: 210px;
+    }
+  }
+}