diff --git a/static/main.css b/static/main.css
index 5af55db..78154df 100644
--- a/static/main.css
+++ b/static/main.css
@@ -199,7 +199,7 @@ footer ul li:not(:last-child):after {
#character-options {
position: absolute;
margin-top: 1em;
- margin-left: -10px;
+ margin-left: -5px;
padding: 0.5em;
background-color: rgba(0, 0, 0, 0.8);
border-width: 1px;
@@ -240,7 +240,7 @@ footer ul li:not(:last-child):after {
margin-left: 0.25em;
}
-#style-options input[type=submit] {
+#style-options input[type="submit"] {
display: inline-block;
height: 24px;
width: 24px;
diff --git a/static/main.js b/static/main.js
index d7e1767..946ebd1 100644
--- a/static/main.js
+++ b/static/main.js
@@ -30,4 +30,11 @@ $(function() {
});
}
}).css("cursor", "pointer");
+
+ // Switch style immediately without reloading the page:
+ $("#style-options form").submit(function() {
+ var style = $(this).find('input[type="submit"]').prop("value");
+ var stylesheet = "/static/styles/" + style + ".css";
+ $("#user-style").prop("href", stylesheet);
+ });
});
diff --git a/templates/_base.mako b/templates/_base.mako
index d27315c..51ec8ed 100644
--- a/templates/_base.mako
+++ b/templates/_base.mako
@@ -14,7 +14,7 @@
%>
% if style:
<% stylesheet = "styles/{}.css".format(style) %>
-
+
% endif
% for size in g.eve.image.corp_widths: