Rework the Sign Up/Sign In views

Use Capybaras save_page when feature tests go wrong

app/assets/stylesheets/application.css

@@ -10,6 +10,7 @@
  *= require osem-schedule
  *= require osem-schedule-print
  *= require osem-dashboard
+ *= require osem-fonts
  *= require font-awesome
  *= require bootstrap-markdown.min
 */

app/assets/stylesheets/fonts/suse-icons.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="suse-icons" horiz-adv-x="512">
+<font-face font-family="suse-icons" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph unicode="&#97;" d="M500 256c0-135-110-244-244-244-135 0-244 109-244 244 0 135 109 244 244 244 134 0 244-109 244-244z m-304-6l0 0z m77 67c11 10 25 16 40 15 31-1 55-27 54-58-1-15-7-28-18-38-11-11-25-16-40-15-31 1-55 27-54 57 1 15 7 29 18 39m-82-185c14-2 29-4 45-4 44 0 92 8 121 21 19 8 31 13 39 20 3 3 4 6 6 10l1 3c1 3 3 10 3 14 1 1 1 3 0 4-1 1-3 0-4-1-13-8-45-22-76-23-37-1-112 38-120 42l-1 1c-2 4-13 31-16 37 55-36 100-56 134-59 39-4 68 17 81 26 3 2 5 3 5 4l1 1c-2 14-22 79-37 94-4 5-8 9-14 13-55 32-186 51-192 52l-1 0 0-1c0 0-1-27-1-30-7 2-36 12-76 21-25-34-40-76-40-122 0-60 25-113 65-152 7 36 36 33 77 29m128 164c9 0 17-5 17-11 0-7-8-12-17-12-10 0-17 5-17 12 0 6 7 11 17 11m-9-58c10 0 20 3 28 10 7 7 12 17 12 27 1 22-16 40-38 41-10 0-20-4-27-11-8-7-12-16-13-27 0-21 16-39 38-40"/>
+</font></defs></svg>

app/assets/stylesheets/osem-fonts.css

@@ -0,0 +1,47 @@
+/* Generated with http://fontastic.me/ and app/assets/images/suse.svg */
+@charset "UTF-8";
+
+@font-face {
+  font-family: "suse-icons";
+  src:url("fonts/suse-icons.eot");
+  src:url("fonts/suse-icons.eot?#iefix") format("embedded-opentype"),
+    url("fonts/suse-icons.woff") format("woff"),
+    url("fonts/suse-icons.ttf") format("truetype"),
+    url("fonts/suse-icons.svg#suse-icons") format("svg");
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+[data-icon]:before {
+  font-family: "suse-icons" !important;
+  content: attr(data-icon);
+  font-style: normal !important;
+  font-weight: normal !important;
+  font-variant: normal !important;
+  text-transform: none !important;
+  speak: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* We have to repeat this for every symbol that extends font awesome. So if
+   you add fa-rutzelfuz you need to copy and paste these two...
+*/
+[class^="fa-suse"]:before,
+[class*=" fa-suse"]:before {
+  font-family: "suse-icons" !important;
+  font-style: normal !important;
+  font-weight: normal !important;
+  font-variant: normal !important;
+  text-transform: none !important;
+  speak: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.fa-suse:before {
+  content: "a";
+}

app/assets/stylesheets/osem.css.scss

@@ -120,4 +120,4 @@ body {
 .pad{
     padding-top: 35px;
     padding-bottom: 35px;
-}
+}