diff --git a/index.html b/index.html
index fba50dce8..51458f227 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
Simulateur d'embauche
-
+
diff --git a/manifest.webmanifest b/manifest.webmanifest
new file mode 100644
index 000000000..9531d690f
--- /dev/null
+++ b/manifest.webmanifest
@@ -0,0 +1,32 @@
+{
+ "name": "Simulateur d'embauche",
+ "short_name": "Embauche",
+ "description": "Jongler entre les différents salaires lors d'une embauche",
+ "display": "standalone",
+ "lang": "fr",
+ "orientation": "portrait-primary",
+ "theme_color": "#2975D1",
+ "icons": [
+ {
+ "src": "/source/images/logo/logo-simulateur-48.png",
+ "sizes": "48x48",
+ "type": "image/png"
+ },
+ {
+ "src": "/source/images/logo/logo-simulateur-144.png",
+ "sizes": "144x144",
+ "type": "image/png"
+ },
+ {
+ "src": "/source/images/logo/logo-simulateur-192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ }
+ ],
+ "related_applications": [
+ {
+ "platform": "web"
+ }
+ ],
+ "background_color": "#2975D1"
+}
diff --git a/source/components/pages/Header.css b/source/components/pages/Header.css
index 1a5e1a674..b7769acee 100644
--- a/source/components/pages/Header.css
+++ b/source/components/pages/Header.css
@@ -2,31 +2,45 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 1em;
- border-bottom: 1px solid #ebebeb;
+ padding: 1em 1em 0;
}
#header #brand {
display: flex;
align-items: center;
}
#header h1 {
- font-size: calc(1vw + 150%);
+ font-size: calc(1vw + 130%);
font-weight: 600;
display: inline-block;
- margin-left: 0.8em;
- color: #333;
+ margin-left: 0em;
+ color: #3c4963;
+ width: 10em;
+ line-height: 1em;
+ margin-bottom: 0.6em;
}
-#header #marianne {
- width: calc(3vw + 5em);
+#header #logo {
+ width: calc(2vw + 5em);
}
#menuButton {
- font-size: 300%;
+ font-size: 350%;
color: #3c4963;
margin: 0 0.4em;
+ display: inline-block;
}
nav {
font-size: 150%;
+ margin-bottom: 1em;
+ display: inline-block;
+}
+#header #marianne {
+ width: calc(2vw + 3em);
+}
+
+@media screen and (min-width: 860px) {
+ #header #marianne {
+ vertical-align: middle;
+ }
}
nav a {
@@ -62,12 +76,14 @@ nav a {
}
nav {
- margin-right: 2em;
+ margin-right: 1em;
}
nav a {
margin: 0.8em;
font-size: 85%;
+ font-weight: 600;
+ color: #3c4963;
}
}
diff --git a/source/components/pages/Header.js b/source/components/pages/Header.js
index 391dfef6b..a046eae76 100644
--- a/source/components/pages/Header.js
+++ b/source/components/pages/Header.js
@@ -44,30 +44,37 @@ export class Header extends Component {
})