profile styled

core/static/core/styles.css

@@ -63,7 +63,8 @@ div.content {
     padding:10px;
 }
 
-div.content > h2 {
+div.content > h2,
+div.content > div.panel {
     margin-left: 200px;
 }
 

core/templates/core/profile.html

@@ -2,11 +2,17 @@
 {% load static %}
 
 {% block content %}
-  <h1>Profile</h1>
+<div class="panel">
+  <h2>Profile</h2>
   <h3>Password</h3>
-  <form method="GET" action="{% url "change_password" %}"><button type="submit">Change User Password</button></form>
+  <form method="GET" action="{% url "change_password" %}">
+    <button type="submit" class="ui small positive button">Change User Password</button>
+  </form>
   <h3>API Keys</h3>
-  <form method="GET" action="{% url "api_keys_list" %}"><button type="submit">Manage API Keys</button></form>
+  <form method="GET" action="{% url "api_keys_list" %}">
+    <button type="submit" class="ui small positive button">Manage API Keys</button>
+  </form>
   <h3>Viewer Key</h3>
   Websocket Viewer Key: {{ profile.viewer_key }}
+</div>
 {% endblock %}