# HG changeset patch
# User domruf <dominikruf@gmail.com>
# Date 1509309023 -3600
# Node ID 02aef1484695c0dc68f0153d6a2d8b44ed3a6060
# Parent  522cfb2be9e1c2646a687ea74fccf6b87fa531c3
less: use Bootstrap columns for changeset graph

Using a fixed width doesn't make good use of the available space.
On small screens the graph uses too much space, so the other columns can not be
displayed.
On big screens there'd be more space to display more parallel branches in the
graph.

diff -r 522cfb2be9e1 -r 02aef1484695 kallithea/public/less/style.less
--- a/kallithea/public/less/style.less	Sun Nov 26 13:12:46 2017 +0100
+++ b/kallithea/public/less/style.less	Sun Oct 29 21:30:23 2017 +0100
@@ -344,32 +344,12 @@
   padding: 5px;
   color: #888;
 }
-#graph_nodes {
-  position: absolute;
-  width: 100px;
-}
-#graph_content,
-#graph_content_pr,
-#graph .container_header {
-  margin-left: 100px;
-}
-#graph_content {
-  position: relative;
-}
 table#updaterevs-table tr.mergerow,
 table#updaterevs-table tr.out-of-range,
 table#changesets tr.mergerow,
 table#changesets tr.out-of-range {
   opacity: 0.6;
 }
-#updaterevs-graph {
-  position: relative;
-  width: 40px;
-  height: 0;
-}
-#updaterevs-table {
-  margin-left: 40px !important;
-}
 .issue-tracker-link {
   color: #3F6F9F;
   font-weight: bold !important;
@@ -756,9 +736,15 @@
   margin-left: 0;
 }
 
-#content div.panel .changelog-panel > .changelog-heading,
-#content div.panel .changelog-panel > ul.pagination {
-  margin-left: 100px;
+/* changelog graph */
+#graph_nodes,
+#updaterevs-graph {
+  .make-xs-column(1);
+}
+#graph_content,
+#graph_content_pr,
+#updaterevs-table {
+  .make-xs-column(11);
 }
 
 /* repo table icons */