Commits

Udi Bauman committed 508553f

Extracted CSS file + cosmetic change

Comments (0)

Files changed (3)

 
     <!-- Le styles -->
     <link href="css/bootstrap.css" rel="stylesheet">
+    <link href="css/model.css" rel="stylesheet">
     <style type="text/css">
       body {
         padding-top: 60px;
             </ul>
             <div id="myTabContent" class="tab-content">
                 <div class="tab-pane fade active in" id="diagram">
-
-                    <style type='text/css'>
-
-                        .chart {
-                            background: #fff;
-                            border: solid 1px #ddd;
-                            box-shadow: 0 0 4px rgba(0,0,0,.2);
-                            font: 10px sans-serif;
-                            height: 180px;
-                            position: relative;
-                            width: 720px;
-                        }
-
-                        .chart svg {
-                            border-left: solid 2px #ddd;
-                            left: 360px;
-                            position: absolute;
-                            top: 0;
-                        }
-
-                        .chart pre {
-                            font: 12px monospace;
-                            height: 60px;
-                            left: 10px;
-                            position: absolute;
-                            top: 0;
-                            width: 340px;
-                        }
-
-                        rect {
-                            fill: white;
-                            stroke: #ccc;
-                        }
-
-                        line {
-                            stroke: #ccc;
-                        }
-
-                    </style>
-
-
                     <div id="chart" style="width: 675px; height: 360px;"></div>
                 </div>
                 <div class="tab-pane fade" id="source">
+.chart {
+    background: #fff;
+    border: solid 1px #ddd;
+    box-shadow: 0 0 4px rgba(0,0,0,.2);
+    font: 10px sans-serif;
+    height: 180px;
+    position: relative;
+    width: 720px;
+}
+
+.chart svg {
+    border-left: solid 2px #ddd;
+    left: 360px;
+    position: absolute;
+    top: 0;
+}
+
+.chart pre {
+    font: 12px monospace;
+    height: 60px;
+    left: 10px;
+    position: absolute;
+    top: 0;
+    width: 340px;
+}
+
+rect {
+    fill: white;
+    stroke: #ccc;
+}
+
+line {
+    stroke: #ccc;
+}

js/model-widgets.js

             .attr("x2", x + this.default_class_width)
             .attr("y2", y + this.default_member_height);
 
-        this.current_offset += this.default_class_width + 50;
+        this.current_offset += this.default_class_width + 20;
     }
 
 };