Some frontend fixes - Using pp's pretty_inspect combined with <pre> t…

…ags to make the objects a bit more readable

public/css/styles.css

@@ -1,5 +1,6 @@
 html {
   background-color: #f2f3f4;
+  font-family: sans-serif;
 }
 
 .sidebar-nav ul {

views/connections.haml

@@ -1,3 +1,3 @@
 - @connections.each do |connection|
- = connection.inspect
+ %pre= connection.pretty_inspect
  %hr

views/disconnect.haml

@@ -1,3 +1,3 @@
 - @connections.each do |connection|
- = connection.inspect
+ %pre= connection.pretty_inspect
  %hr

views/home.haml

@@ -1,9 +1,9 @@
 - if @id_token
   %h2 Decoded ID Token
-  = @id_token
+  %pre= @id_token.pretty_inspect
 - if @access_token
   %h2 Decoded Access Token
-  = @access_token
+  %pre= @access_token.pretty_inspect
 - if @token_set
   %h2 Rest of token_set
   %strong expires_in:
@@ -13,10 +13,10 @@
   %span= @token_set["token_type"]
   %hr
   %strong refresh_token:
-  %span= @token_set["refresh_token"]
+  %code= @token_set["refresh_token"]
   %hr
   %strong scope:
-  %span= @token_set["scope"]
+  %code= @token_set["scope"]
   %hr
 - else
   %a{href: "#{@auth_url}"}

views/invoices.haml

@@ -1,3 +1,3 @@
 - @invoices.each do |invoice|
- = invoice.inspect
+ %pre= invoice.pretty_inspect
  %hr

views/organisation.haml

@@ -1,3 +1,3 @@
 - @organisations.each do |org|
-  = org.inspect
+  %pre= org.pretty_inspect
   %hr

views/refresh_token.haml

@@ -1,9 +1,9 @@
 - if @id_token
   %h2 Decoded ID Token
-  = @id_token
+  %pre= @id_token.pretty_inspect
 - if @access_token
   %h2 Decoded Access Token
-  = @access_token
+  %pre= @access_token.pretty_inspect
 - if @token_set
   %h2 Rest of token_set
   %strong expires_in:
@@ -13,8 +13,8 @@
   %span= @token_set["token_type"]
   %hr
   %strong refresh_token:
-  %span= @token_set["refresh_token"]
+  %code= @token_set["refresh_token"]
   %hr
   %strong scope:
-  %span= @token_set["scope"]
+  %code= @token_set["scope"]
   %hr