From 9bb9d149d2734e724aa1b53dbbcbc71c9f79b42e Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Thu, 11 Aug 2022 12:28:02 -0300
Subject: qr reader

---
 .../src/components/styled/index.tsx                         | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'packages/taler-wallet-webextension/src/components/styled/index.tsx')

diff --git a/packages/taler-wallet-webextension/src/components/styled/index.tsx b/packages/taler-wallet-webextension/src/components/styled/index.tsx
index 2430be7c1..70f996743 100644
--- a/packages/taler-wallet-webextension/src/components/styled/index.tsx
+++ b/packages/taler-wallet-webextension/src/components/styled/index.tsx
@@ -820,7 +820,8 @@ export const NavigationHeader = styled.div`
     width: 500px;
   }
 
-  & > a {
+  & > a,
+  & > div {
     color: #f8faf7;
     display: inline-block;
     width: 100%;
@@ -837,18 +838,20 @@ export const NavigationHeader = styled.div`
   }
 `;
 
-export const SvgIcon = styled.div<{
+interface SvgIconProps {
   title: string;
   color: string;
   onClick?: any;
-}>`
+}
+export const SvgIcon = styled.div<SvgIconProps>`
   & > svg {
     fill: ${({ color }) => color};
   }
   width: 24px;
   height: 24px;
-  margin-left: auto;
+  margin-left: 8px;
   margin-right: 8px;
+  display: inline;
   padding: 4px;
   cursor: ${({ onClick }) => (onClick ? "pointer" : "inherit")};
 `;
@@ -857,7 +860,7 @@ export const Icon = styled.div`
   background-color: gray;
   width: 24px;
   height: 24px;
-  margin-left: auto;
+  margin-left: 8px;
   margin-right: 8px;
   padding: 4px;
 `;
-- 
cgit v1.2.3

