Change styles to make translate button align with HC button--small

codeforamerica · Jul 11, 2023 · 25fe94e · 25fe94e
1 parent 6fab871
commit 25fe94e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 11 deletions.
diff --git a/src/main/resources/META-INF/resources/webjars/form-flow/0.0.1/css/libraryStyles.css b/src/main/resources/META-INF/resources/webjars/form-flow/0.0.1/css/libraryStyles.css
@@ -650,26 +650,20 @@ body,
 /* Language Selector */
 
 .language-selector button {
-  padding: 5px 10px;
   margin-bottom: 0;
   margin-right: 0;
   display: flex;
   align-items: center;
   position: relative;
-  background-color: white;
-  border: none;
-  font-size: 16px;
-  color: black;
-  border-radius: 5px;
-  line-height: 1;
   box-shadow: none;
+  border: none;
 }
 
 .language-selector button > span {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  line-height: 1.3;
+  line-height: 1;
 }
 
 .language-selector .icon {
@@ -685,11 +679,11 @@ body,
 }
 
 .language-selector button strong {
-  font-size: 16px;
+  font-size: 1.4rem;
 }
 
 .language-selector .small-text {
-  font-size: 11px;
+  font-size: 1.1rem;
   font-weight: 500;
 }
 

diff --git a/src/main/resources/templates/fragments/languageSelector.html b/src/main/resources/templates/fragments/languageSelector.html
@@ -11,7 +11,7 @@
 ">
   <button type="button"
           id="language-menu"
-          class="button translate-button"
+          class="button button--small translate-button"
           th:classappend="${useLinksForDesktopView ? 'use-links-for-desktop' : ''}"
           aria-haspopup="true"
           aria-controls="language-menu-dropdown">