From 3ebff62a4ac99fde5615f4552291826ea96657b3 Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto.xamin@datadoghq.com>
Date: Wed, 16 Mar 2022 09:36:53 +0100
Subject: [PATCH 1/2] responsive language and theme buttons

---
 frontend/src/App.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 367c83f..8e3a4cd 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -176,6 +176,10 @@ html {
 		margin-top: -16pt;
 		zoom: 0.75;
 	}
+	#lang,#theme{
+		max-width: 26pt;
+		min-width: 0;
+	}
 }
 h1,h2,h3,h4,p,span,b,label{
 	font-family: Avenir, Helvetica, Arial, sans-serif;

From 8a1e5f84ca492e8e10c3eabf78a749ddfc494931 Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto.xamin@datadoghq.com>
Date: Wed, 16 Mar 2022 10:20:01 +0100
Subject: [PATCH 2/2] make icon more visible

---
 frontend/src/App.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 8e3a4cd..579f946 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -179,6 +179,9 @@ html {
 	#lang,#theme{
 		max-width: 26pt;
 		min-width: 0;
+		padding: 0;
+		padding-left: 4px;
+		word-spacing: 20pt;
 	}
 }
 h1,h2,h3,h4,p,span,b,label{