Merge pull request #126 from cloudspace/67552316_revise_component_layout

Revise component layout

Author: hkal

app/views/main.tpl.html

@@ -32,17 +32,6 @@
                 ></div>
             </div>
 
-            <div>
-                 <div d3-area
-                    chart-title="Investments"
-                    data="ComponentData.dataSets.fundingRoundCount"
-                    selected="fundingActivity"
-                    extent="1/2000"
-                    ranges="true"
-                    filter-property="fundingActivity"
-                ></div>
-            </div>
-
             <div>
                 <div list-select
                     class="special"
@@ -67,12 +56,22 @@
 
             <div>
                 <div list-select
-                    chart-title="Categories"
-                    items="ComponentData.dataSets.categoryListData"
-                    selected="categoryIds"
-                    total="categories.count()"
-                    count="true"
-                    filter-property="categoryIds"
+                    chart-title="Funding: Round Name"
+                    items="ComponentData.dataSets.roundCodeListData"
+                    selected="roundCodes"
+                    total="fundingRounds.fundingSeries.length"
+                    filter-property="roundCodes"
+                ></div>
+            </div>
+
+            <div>
+                 <div d3-area
+                    chart-title="Investments"
+                    data="ComponentData.dataSets.fundingRoundCount"
+                    selected="fundingActivity"
+                    extent="1/2000"
+                    ranges="true"
+                    filter-property="fundingActivity"
                 ></div>
             </div>
 
@@ -106,6 +105,17 @@
                 ></div>
             </div>
 
+            <div>
+                <div list-select
+                    chart-title="Categories"
+                    items="ComponentData.dataSets.categoryListData"
+                    selected="categoryIds"
+                    total="categories.count()"
+                    count="true"
+                    filter-property="categoryIds"
+                ></div>
+            </div>
+
             <div>
                  <div d3-area
                     chart-title="Acquisition Date"
@@ -127,16 +137,6 @@
                 ></div>
             </div>
 
-            <div>
-                <div list-select
-                    chart-title="Funding: Round Name"
-                    items="ComponentData.dataSets.roundCodeListData"
-                    selected="roundCodes"
-                    total="fundingRounds.fundingSeries.length"
-                    filter-property="roundCodes"
-                ></div>
-            </div>
-
             <div>
                  <div d3-area
                     chart-title="Founding Date"