From 21240aa448ed13f5e1df6a968a93c104bc8c3b56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pavel=20B=C5=99ou=C5=A1ek?= <brousek@ics.muni.cz>
Date: Sat, 24 Sep 2022 19:13:40 +0200
Subject: [PATCH] style: prettier

---
 .prettierignore                               |   6 +
 README.md                                     |  10 +-
 .../processFilterConfigurations-example.md    |  39 +-
 dictionaries/einfra.definition.json           |   4 +-
 www/res/css/cesnet.css                        | 558 ++++++++++------
 www/res/css/disco.css                         | 145 +++--
 www/res/css/einfra.css                        | 593 +++++++++++-------
 7 files changed, 824 insertions(+), 531 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index e63377a..a780258 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -723,3 +723,9 @@ CHANGELOG.md
 .git
 *.min.css
 *.min.js
+
+www/res/bootstrap/css/bootstrap-theme.css
+www/res/bootstrap/css/bootstrap.css
+www/res/bootstrap/js/bootstrap.js
+www/res/bootstrap/js/npm.js
+www/res/js/jquery.js
diff --git a/README.md b/README.md
index fed430a..67f95d8 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,5 @@
 # einfra-aai-proxy-idp-template
+
 [![Latest Stable Version](https://poser.pugx.org/cesnet/simplesamlphp-module-cesnet/v/stable)](https://packagist.org/packages/cesnet/simplesamlphp-module-cesnet)
 [![Latest Unstable Version](https://poser.pugx.org/cesnet/simplesamlphp-module-cesnet/v/unstable)](https://packagist.org/packages/cesnet/simplesamlphp-module-cesnet)
 [![Build and CI](https://github.com/cesnet/einfra-aai-proxy-idp-template/actions/workflows/build_and_check.yml/badge.svg)](https://github.com/cesnet/einfra-aai-proxy-idp-template/actions/workflows/build_and_check.yml)
@@ -13,10 +14,11 @@ This repository uses [Conventional Commits](https://www.npmjs.com/package/@commi
 Any change that significantly changes behavior in a backward-incompatible way or requires a configuration change must be marked as BREAKING CHANGE.
 
 ### Available scopes:
-* theme
-* Auth Process filters:
-    * computeloa
-    * iscesneteligible
+
+- theme
+- Auth Process filters:
+  - computeloa
+  - iscesneteligible
 
 ## Instalation
 
diff --git a/config-templates/processFilterConfigurations-example.md b/config-templates/processFilterConfigurations-example.md
index 0640287..4abe073 100644
--- a/config-templates/processFilterConfigurations-example.md
+++ b/config-templates/processFilterConfigurations-example.md
@@ -1,28 +1,29 @@
 ## ComputeLoA
-Example how to configure ComputeLoA filter:
 
-* Put something like this into saml20-idp-hosted.php:
+Example how to configure ComputeLoA filter:
 
-    ```php
-    11 => [
-            'class' => 'cesnet:ComputeLoA',
-    ],
-    ```
+- Put something like this into saml20-idp-hosted.php:
 
+  ```php
+  11 => [
+          'class' => 'cesnet:ComputeLoA',
+  ],
+  ```
 
 ## IsCesnetEligible
+
 Example how to configure IsCesnetEligible filter:
 
-* Interface says if attribute will be read from RPC or LDAP
-* If interface is LDAP, LDAP.attributeName has to be filled
-* RPC.attributeName has to be filled
-* Put something like this into saml20-idp-hosted.php:
+- Interface says if attribute will be read from RPC or LDAP
+- If interface is LDAP, LDAP.attributeName has to be filled
+- RPC.attributeName has to be filled
+- Put something like this into saml20-idp-hosted.php:
 
-    ```php
-    25 => [
-        'class' => 'cesnet:IsCesnetEligible',
-        'interface' => 'RPC/LDAP',
-        'RPC.attributeName' => 'urn:perun:user:attribute-def:def:isCesnetEligibleLastSeen',
-        'LDAP.attributeName' => 'isCesnetEligible',
-    ],
-    ```
\ No newline at end of file
+  ```php
+  25 => [
+      'class' => 'cesnet:IsCesnetEligible',
+      'interface' => 'RPC/LDAP',
+      'RPC.attributeName' => 'urn:perun:user:attribute-def:def:isCesnetEligibleLastSeen',
+      'LDAP.attributeName' => 'isCesnetEligible',
+  ],
+  ```
diff --git a/dictionaries/einfra.definition.json b/dictionaries/einfra.definition.json
index 2b371a1..1fb6248 100644
--- a/dictionaries/einfra.definition.json
+++ b/dictionaries/einfra.definition.json
@@ -30,8 +30,8 @@
     "cs": "Vložte svůj login a heslo"
   },
   "loginuserpass_error_title": {
-  "en": "Incorrect login or password",
-  "cs": "Neplatný login a heslo"
+    "en": "Incorrect login or password",
+    "cs": "Neplatný login a heslo"
   },
   "loginuserpass_error_text": {
     "en": "Either no user with the given login could be found, or the password you gave was wrong. Please check the login and try again.",
diff --git a/www/res/css/cesnet.css b/www/res/css/cesnet.css
index 7b4c4ff..df3a38e 100644
--- a/www/res/css/cesnet.css
+++ b/www/res/css/cesnet.css
@@ -1,303 +1,449 @@
 body {
-    background-color:  #4b4d4a;   
+  background-color: #4b4d4a;
 }
 
-html, body {
-    height: 100%;
-    font-size: 14px;
-    min-width: 280px;
-    padding: 0px;
-}
-
-h2, .h2 {
-    font-size: 2em;
-    margin: 0 0 .888em;
-}
-
-h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
-    font-family: 'Pathway Gothic One',Helvetica,Arial,sans-serif;
-    font-weight: normal;
-    padding: 0;
-    line-height: 1.2;
-    clear: left;
-    color: #005b99 !important;
-}
-
-
-
-h2, .h2 {
-    font-size: 30px;
+html,
+body {
+  height: 100%;
+  font-size: 14px;
+  min-width: 280px;
+  padding: 0px;
+}
+
+h2,
+.h2 {
+  font-size: 2em;
+  margin: 0 0 0.888em;
+}
+
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+  font-family: "Pathway Gothic One", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  padding: 0;
+  line-height: 1.2;
+  clear: left;
+  color: #005b99 !important;
+}
+
+h2,
+.h2 {
+  font-size: 30px;
 }
 
 h2 {
-    display: block;
-    font-size: 1.5em;
-    -webkit-margin-before: 0.83em;
-    -webkit-margin-after: 0.83em;
-    -webkit-margin-start: 0px;
-    -webkit-margin-end: 0px;
-    font-weight: bold;
+  display: block;
+  font-size: 1.5em;
+  -webkit-margin-before: 0.83em;
+  -webkit-margin-after: 0.83em;
+  -webkit-margin-start: 0px;
+  -webkit-margin-end: 0px;
+  font-weight: bold;
 }
 
-h1, .h1, h2, .h2, h3, .h3 {
-    margin-top: 20px;
-    margin-bottom: 10px;
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+  margin-top: 20px;
+  margin-bottom: 10px;
 }
 
-
 * {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 /* LINKS */
-a, a:link, a:link, a:link, a:hover {
-
-    text-decoration: none;
-    color: #000;
-    border-bottom: 1px dotted #000;
-    font-weight: normal;
-}
-
-
-a:link, a:visited {
-    text-decoration: none;
-    color: #000;
-    border-bottom: 1px dotted #000;
-    font-weight: normal;
+a,
+a:link,
+a:link,
+a:link,
+a:hover {
+  text-decoration: none;
+  color: #000;
+  border-bottom: 1px dotted #000;
+  font-weight: normal;
+}
+
+a:link,
+a:visited {
+  text-decoration: none;
+  color: #000;
+  border-bottom: 1px dotted #000;
+  font-weight: normal;
 }
 
 a:visited {
-    color: #999;
-} 
+  color: #999;
+}
 
-a:hover, a:active {
-    text-decoration: none;
-    color: #333;
-    border-bottom: 1px solid #333;
-} 
+a:hover,
+a:active {
+  text-decoration: none;
+  color: #333;
+  border-bottom: 1px solid #333;
+}
 
 .ui-widget-content {
-    border: 0px solid #ddd;
+  border: 0px solid #ddd;
 }
 
-
 #header {
-	margin: auto;
-    background: #fff;
-    max-width: 720px;
+  margin: auto;
+  background: #fff;
+  max-width: 720px;
 }
 #header h1 {
-	line-height: 32px;
-	font-size: 28px;
+  line-height: 32px;
+  font-size: 28px;
 }
 #header .header-link {
-	text-decoration: none;
-	color: #222;
+  text-decoration: none;
+  color: #222;
 }
 #header img {
-	width: 170px;
-	margin: -16px auto 0 auto;
-    padding-top: 25px;
+  width: 170px;
+  margin: -16px auto 0 auto;
+  padding-top: 25px;
 }
 
-
 #wrap {
-    width: 100%;
-    background: #fff;
-    padding-bottom: 64px;    
-    border: 0px solid #fff;
-    position: relative;
-    text-align: left; 
-    max-width: 100%;
-    margin: auto;
+  width: 100%;
+  background: #fff;
+  padding-bottom: 64px;
+  border: 0px solid #fff;
+  position: relative;
+  text-align: left;
+  max-width: 100%;
+  margin: auto;
 }
 
-#languagebar_line{
-    background: #4b4d4a;
-    margin-bottom: 20px;
-    border-bottom: 5px solid #ddd;
+#languagebar_line {
+  background: #4b4d4a;
+  margin-bottom: 20px;
+  border-bottom: 5px solid #ddd;
 }
 
 #languagebar {
-    margin:0px auto;
-    max-width: 720px;
-    color: #ffffff;
-    height: 25px;
-    text-decoration: none;
+  margin: 0px auto;
+  max-width: 720px;
+  color: #ffffff;
+  height: 25px;
+  text-decoration: none;
 }
 
 #languagebar a,
-#languagebar a:link ,
-#languagebar a:visited{
-    color: #ddd;
-    text-decoration: none;
-    border-bottom: 0px;
+#languagebar a:link,
+#languagebar a:visited {
+  color: #ddd;
+  text-decoration: none;
+  border-bottom: 0px;
 }
 
-#languagebar a:hover{
-    color: #ffffff;
-    text-decoration: none;
+#languagebar a:hover {
+  color: #ffffff;
+  text-decoration: none;
 }
 
 #content {
-	margin: 0px auto;
-    max-width: 720px;
+  margin: 0px auto;
+  max-width: 720px;
 }
 
 .btn:hover {
-	background-image: none;
+  background-image: none;
 }
 
 .ui-widget-header {
-	border-width: 0px;
-	border-bottom: 1px solid #ddd;
-	background: transparent;
+  border-width: 0px;
+  border-bottom: 1px solid #ddd;
+  background: transparent;
 }
 .ui-widget-header .ui-state-default {
-	border: 0px;
-	background: #fff;
-	color: #337ab7;
+  border: 0px;
+  background: #fff;
+  color: #337ab7;
 }
 .ui-widget-header .ui-state-default:hover {
-        background: #eee;
-        color: #23527c;
+  background: #eee;
+  color: #23527c;
 }
 .ui-widget-header .ui-state-active {
-        border: 1px solid #ddd;
+  border: 1px solid #ddd;
 }
 .ui-widget-header .ui-state-active:hover {
-        background: #fff;
+  background: #fff;
 }
 
-
 hr {
-	border-top: 1px solid #ddd;
+  border-top: 1px solid #ddd;
 }
-ul, menu, dir {
-    display: block;
-    text-align: left;
-    list-style-type: disc;
-    -webkit-margin-before: 1em;
-    -webkit-margin-after: 1em;
-    -webkit-margin-start: 0px;
-    -webkit-margin-end: 0px;
-    -webkit-padding-start: 40px;
+ul,
+menu,
+dir {
+  display: block;
+  text-align: left;
+  list-style-type: disc;
+  -webkit-margin-before: 1em;
+  -webkit-margin-after: 1em;
+  -webkit-margin-start: 0px;
+  -webkit-margin-end: 0px;
+  -webkit-padding-start: 40px;
 }
 
-
 ul {
-    list-style: square outside;
-}
-
-p, ul, ol, dl, pre, table, hr, blockquote, figure, details, fieldset, address {
-    margin: 0 0 1.4em 0;
-    padding: 0;
-}
-ul, ol {
-    margin-top: 0;
-    margin-bottom: 10px;
-    padding: 0 0 0 1.5em;
-}
-
-.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
-    float: left;
-}
-
-
-.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
-    position: relative;
-    min-height: 1px;
-    padding-left: 15px;
-    padding-right: 15px;
+  list-style: square outside;
+}
+
+p,
+ul,
+ol,
+dl,
+pre,
+table,
+hr,
+blockquote,
+figure,
+details,
+fieldset,
+address {
+  margin: 0 0 1.4em 0;
+  padding: 0;
+}
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 10px;
+  padding: 0 0 0 1.5em;
+}
+
+.col-sm-1,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12 {
+  float: left;
+}
+
+.col-xs-1,
+.col-sm-1,
+.col-md-1,
+.col-lg-1,
+.col-xs-2,
+.col-sm-2,
+.col-md-2,
+.col-lg-2,
+.col-xs-3,
+.col-sm-3,
+.col-md-3,
+.col-lg-3,
+.col-xs-4,
+.col-sm-4,
+.col-md-4,
+.col-lg-4,
+.col-xs-5,
+.col-sm-5,
+.col-md-5,
+.col-lg-5,
+.col-xs-6,
+.col-sm-6,
+.col-md-6,
+.col-lg-6,
+.col-xs-7,
+.col-sm-7,
+.col-md-7,
+.col-lg-7,
+.col-xs-8,
+.col-sm-8,
+.col-md-8,
+.col-lg-8,
+.col-xs-9,
+.col-sm-9,
+.col-md-9,
+.col-lg-9,
+.col-xs-10,
+.col-sm-10,
+.col-md-10,
+.col-lg-10,
+.col-xs-11,
+.col-sm-11,
+.col-md-11,
+.col-lg-11,
+.col-xs-12,
+.col-sm-12,
+.col-md-12,
+.col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  padding-left: 15px;
+  padding-right: 15px;
 }
 #footer {
-    font-size: 0.9em;
-	color: #e1e5e9;
-    background-color: #4b4d4a;
-	border-top: 10px solid #ddd;
-	text-align: left;
-	padding: 16px;
-	font-family: Helvetica,Arial,sans-serif;
+  font-size: 0.9em;
+  color: #e1e5e9;
+  background-color: #4b4d4a;
+  border-top: 10px solid #ddd;
+  text-align: left;
+  padding: 16px;
+  font-family: Helvetica, Arial, sans-serif;
 }
 
 #footer .col {
-    margin: auto;
-    line-height: 2.1em;
+  margin: auto;
+  line-height: 2.1em;
 }
 
 #footer .col h2 {
-    font-family: Helvetica,Arial,sans-serif;
-    font-weight: bold;
-    color: #e1e5e9 !important;
-    padding-bottom: .8em;
-    margin-bottom: 1em;
-    font-size: 1.05em;
-    text-transform: uppercase;
-    border-bottom: 1px solid #fff;
-    }
-
-#footer .col ul li {
-    list-style-type: none;
-    margin-left: 0;
-    padding-left: 25px;
-    background: #4b4d4a url(../img/bullet.png) no-repeat 0 .5em;
-}
-#footer .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
-    float: left;
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  color: #e1e5e9 !important;
+  padding-bottom: 0.8em;
+  margin-bottom: 1em;
+  font-size: 1.05em;
+  text-transform: uppercase;
+  border-bottom: 1px solid #fff;
 }
 
-#footer .col-sm-2 control-label{
-    color: #fff;
-}
-
-#footer.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
-    position: relative;
-    min-height: 1px;
-    padding-left: 15px;
-    padding-right: 15px;
+#footer .col ul li {
+  list-style-type: none;
+  margin-left: 0;
+  padding-left: 25px;
+  background: #4b4d4a url(../img/bullet.png) no-repeat 0 0.5em;
+}
+#footer .col-sm-1,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12 {
+  float: left;
+}
+
+#footer .col-sm-2 control-label {
+  color: #fff;
+}
+
+#footer.col-xs-1,
+.col-sm-1,
+.col-md-1,
+.col-lg-1,
+.col-xs-2,
+.col-sm-2,
+.col-md-2,
+.col-lg-2,
+.col-xs-3,
+.col-sm-3,
+.col-md-3,
+.col-lg-3,
+.col-xs-4,
+.col-sm-4,
+.col-md-4,
+.col-lg-4,
+.col-xs-5,
+.col-sm-5,
+.col-md-5,
+.col-lg-5,
+.col-xs-6,
+.col-sm-6,
+.col-md-6,
+.col-lg-6,
+.col-xs-7,
+.col-sm-7,
+.col-md-7,
+.col-lg-7,
+.col-xs-8,
+.col-sm-8,
+.col-md-8,
+.col-lg-8,
+.col-xs-9,
+.col-sm-9,
+.col-md-9,
+.col-lg-9,
+.col-xs-10,
+.col-sm-10,
+.col-md-10,
+.col-lg-10,
+.col-xs-11,
+.col-sm-11,
+.col-md-11,
+.col-lg-11,
+.col-xs-12,
+.col-sm-12,
+.col-md-12,
+.col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  padding-left: 15px;
+  padding-right: 15px;
 }
 
 #footer .col ul {
-    padding-left: 0;
+  padding-left: 0;
 }
 
 #footer a {
-    text-decoration: none;
-    color: #fff;
-    border-bottom: 1px ;
-    font-weight: normal;
+  text-decoration: none;
+  color: #fff;
+  border-bottom: 1px;
+  font-weight: normal;
 }
 
 #footer a:link {
-    text-decoration: none;
-    color: #fff;
-    border-bottom: 1px ;
-    font-weight: normal;
+  text-decoration: none;
+  color: #fff;
+  border-bottom: 1px;
+  font-weight: normal;
 }
 
-#footer a:visited , #footer a:hover {
-    text-decoration: none;
-    color: #fff;
-    border-bottom: 1px solid #fff;
-    font-weight: normal;
+#footer a:visited,
+#footer a:hover {
+  text-decoration: none;
+  color: #fff;
+  border-bottom: 1px solid #fff;
+  font-weight: normal;
 }
 
-#footer div{
-    display: block;
+#footer div {
+  display: block;
 }
 
-.copyright{
-    text-align: center;
-    width: 100%;
+.copyright {
+  text-align: center;
+  width: 100%;
 }
 
 #footer img {
-	margin: 0px 16px;
+  margin: 0px 16px;
 }
 
 .row {
-    margin-left: -15px;
-    margin-right: -15px;
-}
\ No newline at end of file
+  margin-left: -15px;
+  margin-right: -15px;
+}
diff --git a/www/res/css/disco.css b/www/res/css/disco.css
index 27fd274..9dc0617 100644
--- a/www/res/css/disco.css
+++ b/www/res/css/disco.css
@@ -1,131 +1,128 @@
 div.metalist {
-	margin: 10px 0px;
+  margin: 10px 0px;
 }
 
 a.metaentry {
-	padding: 10px 15px 10px 35px;
+  padding: 10px 15px 10px 35px;
 }
 a.social {
-	padding: 10px;
-	text-align: left;
-	color: white;
-	border: 1px solid rgba(0,0,0,0.2);
+  padding: 10px;
+  text-align: left;
+  color: white;
+  border: 1px solid rgba(0, 0, 0, 0.2);
 }
 a.social:hover,
 a.social:focus {
-	color: white;
-	background: rgba(0,0,0,0.2);
-	border: 1px solid rgba(0,0,0,0.3);
-	box-shadow: 0px 0px 10px 30px rgba(0,0,0,0.1) inset;
+  color: white;
+  background: rgba(0, 0, 0, 0.2);
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 10px 30px rgba(0, 0, 0, 0.1) inset;
 }
 a.social img {
-	display: inline-block;
-	height: 40px;
-	max-height: 40px;
-	width: 40px;
-	max-width: 40px;
-	padding: 6px;
-	margin: -12px 0px -10px -10px;
-	border-right: 1px solid rgba(0,0,0,0.2);
+  display: inline-block;
+  height: 40px;
+  max-height: 40px;
+  width: 40px;
+  max-width: 40px;
+  padding: 6px;
+  margin: -12px 0px -10px -10px;
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
 a.social:hover img {
-	border-right: 1px solid rgba(0,0,0,0.3);
+  border-right: 1px solid rgba(0, 0, 0, 0.3);
 }
 
-
 a.metaentry.favourite {
-	background-image: url(../../../../resources/icons/silk/star.png);
-	background-position: 10px center;
+  background-image: url(../../../../resources/icons/silk/star.png);
+  background-position: 10px center;
 }
 
 a.metaentry:hover {
-	background-position: 10px center;
+  background-position: 10px center;
 }
 
 a.metaentry .idp-logo {
-	float: right;
-	height: 20px;
-	max-width: 120px;
+  float: right;
+  height: 20px;
+  max-width: 120px;
 }
 
 a.metaentryrow .idp-logo {
-	max-height: 40px;
-	max-width: 200px;
-	padding: 3px;
+  max-height: 40px;
+  max-width: 200px;
+  padding: 3px;
 }
 
 .no-idp-found a.btn {
-	text-decoration: none;
-	color: white;
-	border-bottom: none;
+  text-decoration: none;
+  color: white;
+  border-bottom: none;
 }
 
 #misc .container-fluid .col-xs-12:last-child img {
-	max-height: 42px;
-	margin-top: -1px;
+  max-height: 42px;
+  margin-top: -1px;
 }
 
 @media screen and (max-width: 950px) {
-	a.metaentryrow .idp-logo {
-		margin-bottom: 10px;
-	}
-	#misc .container-fluid .col-xs-12:last-child img {
-		width: 193px;
-	}
+  a.metaentryrow .idp-logo {
+    margin-bottom: 10px;
+  }
+  #misc .container-fluid .col-xs-12:last-child img {
+    width: 193px;
+  }
 }
 
 .inlinesearch {
-	padding: 0px;
-	margin: 10px 0px 20px 0px;
-	float: none;
+  padding: 0px;
+  margin: 10px 0px 20px 0px;
+  float: none;
 }
 form#idpselectform input {
-	width: 100%;
-	background-position: 10px center;
-	padding: 10px 15px 10px 35px;
-	height: 46px;
+  width: 100%;
+  background-position: 10px center;
+  padding: 10px 15px 10px 35px;
+  height: 46px;
 }
 
-
 .search-box {
-	margin-bottom: 16px;
+  margin-bottom: 16px;
 }
 .idp-list {
-	margin-bottom: 16px;
+  margin-bottom: 16px;
 }
 .metarowtable {
-	margin-left: auto;
-	margin-right: auto;
-	width: 500px;;
-	border: 0px;
-	text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+  width: 500px;
+  border: 0px;
+  text-align: center;
 }
 
-.metarowtable td img{
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
+.metarowtable td img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 }
 .descriptionp {
-	text-align: center;
-	margin-bottom: 20px;
+  text-align: center;
+  margin-bottom: 20px;
 }
 
 .hrline {
-	width: 100%;
-	height: 10px;
-	border-bottom: 1px solid #F0F0F0;
-	text-align: center;
-	margin-top: 20px;
-	margin-bottom: 30px;
+  width: 100%;
+  height: 10px;
+  border-bottom: 1px solid #f0f0f0;
+  text-align: center;
+  margin-top: 20px;
+  margin-bottom: 30px;
 }
-.hrline	span {
-	background-color: #ffffff;
-	padding: 0 20px;
+.hrline span {
+  background-color: #ffffff;
+  padding: 0 20px;
 }
 
-.col-md-4{
-	padding-left: 5px !important;
-	padding-right: 5px !important;
+.col-md-4 {
+  padding-left: 5px !important;
+  padding-right: 5px !important;
 }
-
diff --git a/www/res/css/einfra.css b/www/res/css/einfra.css
index 24142cb..63f9b75 100644
--- a/www/res/css/einfra.css
+++ b/www/res/css/einfra.css
@@ -1,342 +1,483 @@
 body {
-    background-color:  #4b4d4a;
+  background-color: #4b4d4a;
 }
 
-html, body {
-    height: 100%;
-    font-size: 14px;
-    min-width: 280px;
-    padding: 0;
-}
-
-h2, .h2 {
-    font-size: 30px;
-    margin: 0 0 .888em;
-}
-
-h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
-    font-family: 'Pathway Gothic One',Helvetica,Arial,sans-serif;
-    font-weight: normal;
-    padding: 0;
-    line-height: 1.2;
-    clear: left;
-    color: #005b99 !important;
+html,
+body {
+  height: 100%;
+  font-size: 14px;
+  min-width: 280px;
+  padding: 0;
+}
+
+h2,
+.h2 {
+  font-size: 30px;
+  margin: 0 0 0.888em;
+}
+
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3,
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+  font-family: "Pathway Gothic One", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  padding: 0;
+  line-height: 1.2;
+  clear: left;
+  color: #005b99 !important;
 }
 
 h2 {
-    display: block;
-    font-size: 1.5em;
-    -webkit-margin-before: 0.83em;
-    -webkit-margin-after: 0.83em;
-    -webkit-margin-start: 0;
-    -webkit-margin-end: 0;
-    font-weight: bold;
+  display: block;
+  font-size: 1.5em;
+  -webkit-margin-before: 0.83em;
+  -webkit-margin-after: 0.83em;
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0;
+  font-weight: bold;
 }
 
-h1, .h1, h2, .h2, h3, .h3 {
-    margin-top: 20px;
-    margin-bottom: 10px;
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+  margin-top: 20px;
+  margin-bottom: 10px;
 }
 
-
 * {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 /* LINKS */
-a, a:link, a:hover {
-
-    text-decoration: none;
-    color: #000;
-    border-bottom: 1px dotted #000;
-    font-weight: normal;
+a,
+a:link,
+a:hover {
+  text-decoration: none;
+  color: #000;
+  border-bottom: 1px dotted #000;
+  font-weight: normal;
 }
 
-
-a:link, a:visited {
-    text-decoration: none;
-    color: #000;
-    border-bottom: 1px dotted #000;
-    font-weight: normal;
+a:link,
+a:visited {
+  text-decoration: none;
+  color: #000;
+  border-bottom: 1px dotted #000;
+  font-weight: normal;
 }
 
 a:visited {
-    color: #999;
+  color: #999;
 }
 
-a:hover, a:active {
-    text-decoration: none;
-    color: #333;
-    border-bottom: 1px solid #333;
+a:hover,
+a:active {
+  text-decoration: none;
+  color: #333;
+  border-bottom: 1px solid #333;
 }
 
 .ui-widget-content {
-    border: 0 solid #ddd;
+  border: 0 solid #ddd;
 }
 
-
 #header {
-    margin: auto;
-    background: #fff;
-    max-width: 960px;
+  margin: auto;
+  background: #fff;
+  max-width: 960px;
 }
 #header h1 {
-    line-height: 32px;
-    font-size: 28px;
+  line-height: 32px;
+  font-size: 28px;
 }
 #header .header-link {
-    text-decoration: none;
-    color: #222;
+  text-decoration: none;
+  color: #222;
 }
 #header img {
-    width: 350px;
-    margin: 0 auto;
-    padding-top: 25px;
+  width: 350px;
+  margin: 0 auto;
+  padding-top: 25px;
 }
 
-
 #wrap {
-    width: 100%;
-    background: #fff;
-    padding-bottom: 64px;
-    border: 0 solid #fff;
-    position: relative;
-    text-align: left;
-    max-width: 100%;
-    margin: auto;
+  width: 100%;
+  background: #fff;
+  padding-bottom: 64px;
+  border: 0 solid #fff;
+  position: relative;
+  text-align: left;
+  max-width: 100%;
+  margin: auto;
 }
 
-#languagebar_line{
-    background: #4b4d4a;
-    margin-bottom: 20px;
-    border-bottom: 5px solid #ddd;
+#languagebar_line {
+  background: #4b4d4a;
+  margin-bottom: 20px;
+  border-bottom: 5px solid #ddd;
 }
 
 #languagebar {
-    margin:0 auto;
-    max-width: 960px;
-    color: #ffffff;
-    height: 25px;
-    text-decoration: none;
+  margin: 0 auto;
+  max-width: 960px;
+  color: #ffffff;
+  height: 25px;
+  text-decoration: none;
 }
 
 #languagebar a,
-#languagebar a:link ,
-#languagebar a:visited{
-    color: #ddd;
-    text-decoration: none;
-    border-bottom: 0;
+#languagebar a:link,
+#languagebar a:visited {
+  color: #ddd;
+  text-decoration: none;
+  border-bottom: 0;
 }
 
-#languagebar a:hover{
-    color: #ffffff;
-    text-decoration: none;
+#languagebar a:hover {
+  color: #ffffff;
+  text-decoration: none;
 }
 
 #content {
-    margin: 0 auto;
-    max-width: 960px;
+  margin: 0 auto;
+  max-width: 960px;
 }
 
 .btn:hover {
-    background-image: none;
+  background-image: none;
 }
 
 .ui-widget-header {
-    border-width: 0;
-    border-bottom: 1px solid #ddd;
-    background: transparent;
+  border-width: 0;
+  border-bottom: 1px solid #ddd;
+  background: transparent;
 }
 .ui-widget-header .ui-state-default {
-    border: 0;
-    background: #fff;
-    color: #337ab7;
+  border: 0;
+  background: #fff;
+  color: #337ab7;
 }
 .ui-widget-header .ui-state-default:hover {
-    background: #eee;
-    color: #23527c;
+  background: #eee;
+  color: #23527c;
 }
 .ui-widget-header .ui-state-active {
-    border: 1px solid #ddd;
+  border: 1px solid #ddd;
 }
 .ui-widget-header .ui-state-active:hover {
-    background: #fff;
+  background: #fff;
 }
 
 hr {
-    border-top: 1px solid #ddd;
+  border-top: 1px solid #ddd;
 }
-ul, menu, dir {
-    display: block;
-    text-align: left;
-    list-style-type: disc;
-    -webkit-margin-before: 1em;
-    -webkit-margin-after: 1em;
-    -webkit-margin-start: 0;
-    -webkit-margin-end: 0;
-    -webkit-padding-start: 40px;
+ul,
+menu,
+dir {
+  display: block;
+  text-align: left;
+  list-style-type: disc;
+  -webkit-margin-before: 1em;
+  -webkit-margin-after: 1em;
+  -webkit-margin-start: 0;
+  -webkit-margin-end: 0;
+  -webkit-padding-start: 40px;
 }
 
 ul {
-    list-style: square outside;
-}
-
-p, ul, ol, dl, pre, table, hr, blockquote, figure, details, fieldset, address {
-    margin: 0 0 1.4em;
-    padding: 0;
-}
-
-ul, ol {
-    margin-top: 0;
-    margin-bottom: 10px;
-    padding: 0 0 0 1.5em;
-}
-
-.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
-.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
-    float: left;
-}
-
-
-.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3,
-.col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
-.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
-.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
-.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
-    position: relative;
-    min-height: 1px;
-    padding-left: 15px;
-    padding-right: 15px;
+  list-style: square outside;
+}
+
+p,
+ul,
+ol,
+dl,
+pre,
+table,
+hr,
+blockquote,
+figure,
+details,
+fieldset,
+address {
+  margin: 0 0 1.4em;
+  padding: 0;
+}
+
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 10px;
+  padding: 0 0 0 1.5em;
+}
+
+.col-sm-1,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12 {
+  float: left;
+}
+
+.col-xs-1,
+.col-sm-1,
+.col-md-1,
+.col-lg-1,
+.col-xs-2,
+.col-sm-2,
+.col-md-2,
+.col-lg-2,
+.col-xs-3,
+.col-sm-3,
+.col-md-3,
+.col-lg-3,
+.col-xs-4,
+.col-sm-4,
+.col-md-4,
+.col-lg-4,
+.col-xs-5,
+.col-sm-5,
+.col-md-5,
+.col-lg-5,
+.col-xs-6,
+.col-sm-6,
+.col-md-6,
+.col-lg-6,
+.col-xs-7,
+.col-sm-7,
+.col-md-7,
+.col-lg-7,
+.col-xs-8,
+.col-sm-8,
+.col-md-8,
+.col-lg-8,
+.col-xs-9,
+.col-sm-9,
+.col-md-9,
+.col-lg-9,
+.col-xs-10,
+.col-sm-10,
+.col-md-10,
+.col-lg-10,
+.col-xs-11,
+.col-sm-11,
+.col-md-11,
+.col-lg-11,
+.col-xs-12,
+.col-sm-12,
+.col-md-12,
+.col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  padding-left: 15px;
+  padding-right: 15px;
 }
 #footer {
-    font-size: 0.9em;
-    color: #e1e5e9;
-    background-color: #4b4d4a;
-    border-top: 10px solid #ddd;
-    text-align: left;
-    padding: 16px;
-    font-family: Helvetica,Arial,sans-serif;
+  font-size: 0.9em;
+  color: #e1e5e9;
+  background-color: #4b4d4a;
+  border-top: 10px solid #ddd;
+  text-align: left;
+  padding: 16px;
+  font-family: Helvetica, Arial, sans-serif;
 }
 
 #footer .col {
-    margin: auto;
-    line-height: 2.1em;
+  margin: auto;
+  line-height: 2.1em;
 }
 
 #footer .col h2 {
-    font-family: Helvetica,Arial,sans-serif;
-    font-weight: bold;
-    color: #e1e5e9 !important;
-    padding-bottom: .8em;
-    margin-bottom: 1em;
-    font-size: 1.05em;
-    text-transform: uppercase;
-    border-bottom: 1px solid #fff;
+  font-family: Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  color: #e1e5e9 !important;
+  padding-bottom: 0.8em;
+  margin-bottom: 1em;
+  font-size: 1.05em;
+  text-transform: uppercase;
+  border-bottom: 1px solid #fff;
 }
 
 #footer .col ul li {
-    list-style-type: none;
-    margin-left: 0;
-    padding-left: 25px;
-    background: #4b4d4a url(../img/bullet.png) no-repeat 0 .5em;
-}
-#footer .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
-    float: left;
-}
-
-#footer .col-sm-2 control-label{
-    color: #fff;
-}
-
-#footer.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
-    position: relative;
-    min-height: 1px;
-    padding-left: 15px;
-    padding-right: 15px;
+  list-style-type: none;
+  margin-left: 0;
+  padding-left: 25px;
+  background: #4b4d4a url(../img/bullet.png) no-repeat 0 0.5em;
+}
+#footer .col-sm-1,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12 {
+  float: left;
+}
+
+#footer .col-sm-2 control-label {
+  color: #fff;
+}
+
+#footer.col-xs-1,
+.col-sm-1,
+.col-md-1,
+.col-lg-1,
+.col-xs-2,
+.col-sm-2,
+.col-md-2,
+.col-lg-2,
+.col-xs-3,
+.col-sm-3,
+.col-md-3,
+.col-lg-3,
+.col-xs-4,
+.col-sm-4,
+.col-md-4,
+.col-lg-4,
+.col-xs-5,
+.col-sm-5,
+.col-md-5,
+.col-lg-5,
+.col-xs-6,
+.col-sm-6,
+.col-md-6,
+.col-lg-6,
+.col-xs-7,
+.col-sm-7,
+.col-md-7,
+.col-lg-7,
+.col-xs-8,
+.col-sm-8,
+.col-md-8,
+.col-lg-8,
+.col-xs-9,
+.col-sm-9,
+.col-md-9,
+.col-lg-9,
+.col-xs-10,
+.col-sm-10,
+.col-md-10,
+.col-lg-10,
+.col-xs-11,
+.col-sm-11,
+.col-md-11,
+.col-lg-11,
+.col-xs-12,
+.col-sm-12,
+.col-md-12,
+.col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  padding-left: 15px;
+  padding-right: 15px;
 }
 
 #footer .col ul {
-    padding-left: 0;
+  padding-left: 0;
 }
 
 #footer a {
-    text-decoration: none;
-    color: #fff;
-    border-bottom: 1px ;
-    font-weight: normal;
+  text-decoration: none;
+  color: #fff;
+  border-bottom: 1px;
+  font-weight: normal;
 }
 
 #footer a:link {
-    text-decoration: none;
-    color: #fff;
-    border-bottom: 1px ;
-    font-weight: normal;
+  text-decoration: none;
+  color: #fff;
+  border-bottom: 1px;
+  font-weight: normal;
 }
 
-#footer a:visited , #footer a:hover {
-    text-decoration: none;
-    color: #fff;
-    border-bottom: 1px solid #fff;
-    font-weight: normal;
+#footer a:visited,
+#footer a:hover {
+  text-decoration: none;
+  color: #fff;
+  border-bottom: 1px solid #fff;
+  font-weight: normal;
 }
 
-#footer div{
-    display: block;
+#footer div {
+  display: block;
 }
 
-.copyright{
-    text-align: center;
-    width: 100%;
+.copyright {
+  text-align: center;
+  width: 100%;
 }
 
 #footer img {
-    margin-top: 10px;
+  margin-top: 10px;
 }
 
 .row {
-    margin-left: -15px;
-    margin-right: -15px;
+  margin-left: -15px;
+  margin-right: -15px;
 }
 
 .footer-logo-wrapper {
-    margin-top: 1em;
-    margin-bottom: 1em;
+  margin-top: 1em;
+  margin-bottom: 1em;
 }
 
 .footer-logo-wrapper img {
-    width: auto;
-    height: 100%;
-    max-height: 60px;
+  width: auto;
+  height: 100%;
+  max-height: 60px;
 }
 
 @media only screen and (max-width: 992px) {
-    .footer-logo-wrapper img {
-        margin-left: auto;
-        margin-right: auto;
-    }
+  .footer-logo-wrapper img {
+    margin-left: auto;
+    margin-right: auto;
+  }
 
-    #footer-logo-cesnet {
-        margin-top: 24px;
-    }
+  #footer-logo-cesnet {
+    margin-top: 24px;
+  }
 
-    #footer-logo-it4i {
-        margin-top: 27px;
-    }
+  #footer-logo-it4i {
+    margin-top: 27px;
+  }
 }
 
 @media only screen and (max-width: 768px) {
-    .footer-logo-wrapper img {
-        margin-left: auto;
-        margin-right: auto;
-        max-height: 40px;
-    }
-
-
-    #footer-logo-cesnet,
-    #footer-logo-cerit,
-    #footer-logo-it4i {
-        margin-top: 1em;
-    }
-}
\ No newline at end of file
+  .footer-logo-wrapper img {
+    margin-left: auto;
+    margin-right: auto;
+    max-height: 40px;
+  }
+
+  #footer-logo-cesnet,
+  #footer-logo-cerit,
+  #footer-logo-it4i {
+    margin-top: 1em;
+  }
+}
-- 
GitLab