Add models.css stylesheet

app/styles/app.css

@@ -8,6 +8,7 @@
  **********************************************************************************/
 
 @import 'plots.css';
+@import 'models.css';
 
 * {
   margin: 0;

app/styles/models.css

@@ -0,0 +1,51 @@
+/**
+ * File: models.css
+ * Author: Markus Grigull <mgrigull@eonerc.rwth-aachen.de>
+ * Date: 20.07.2016
+ * Copyright: 2016, Institute for Automation of Complex Power Systems, EONERC
+ *   This file is part of VILLASweb. All Rights Reserved. Proprietary and confidential.
+ *   Unauthorized copying of this file, via any medium is strictly prohibited.
+ **********************************************************************************/
+
+/**
+ * Route: simulation-models
+ */
+.simulation-models-container {
+  margin-top: 20px;
+}
+
+.simulation-models-container table {
+  width: 100%;
+
+  border: 0;
+  border-collapse: collapse;
+}
+
+.simulation-models-container th, td {
+  padding: 5px;
+
+  text-align: left;
+
+  border: 0;
+}
+
+.simulation-models-container th {
+  background-color: #151;
+  color: #fff;
+}
+
+.simulation-models-row-controls {
+  float: right;
+}
+
+.simulation-models-row-controls a {
+  margin-left: 10px;
+}
+
+.simulation-models-container tr:nth-child(even) {
+  background-color: #ddd;
+}
+
+.simulation-models-new-container {
+  margin-top: 20px;
+}

app/templates/simulation-models.hbs

@@ -1,9 +1,24 @@
 <h1>Models</h1>
 
-<ul>
-  {{#each model as |simulationModel|}}
-    <li>{{#link-to "simulation-model.index" simulationModel.id}}{{simulationModel.name}}{{/link-to}}</li>
-  {{/each}}
-</ul>
+<div class="simulation-models-container">
+  <table>
+    <tr>
+      <th>Name</th>
+    </tr>
+    {{#each model as |simulationModel|}}
+      <tr>
+        <td>
+          {{#link-to "simulation-model.index" simulationModel.id}}{{simulationModel.name}}{{/link-to}}
+          <div class="simulation-models-row-controls">
+            {{#link-to "simulation-model.edit" simulationModel.id}}Edit{{/link-to}}
+            {{#link-to "simulation-model.delete" simulationModel.id}}Delete{{/link-to}}
+          </div>
+        </td>
+      </tr>
+    {{/each}}
+  </table>
+</div>
 
-{{#link-to "simulation-model.new"}}New model{{/link-to}}
+<div class="simulation-models-new-container">
+  {{#link-to "simulation-model.new"}}New model{{/link-to}}
+</div>