From dd0391687fedc18bb80845b6d84d13d21febf696 Mon Sep 17 00:00:00 2001
From: GRL <g.lesniewski@thecodingmachine.com>
Date: Mon, 7 Jun 2021 14:19:50 +0200
Subject: [PATCH] change font-size Change width and margin of img on mobile

---
 .../EnableCamera/EnableCameraScene.svelte     | 22 ++++++++++++++-----
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/front/src/Components/EnableCamera/EnableCameraScene.svelte b/front/src/Components/EnableCamera/EnableCameraScene.svelte
index 342c2a32..0e7e84bb 100644
--- a/front/src/Components/EnableCamera/EnableCameraScene.svelte
+++ b/front/src/Components/EnableCamera/EnableCameraScene.svelte
@@ -92,7 +92,7 @@
 
         {#if $cameraListStore.length > 1 }
             <div class="control-group">
-                <!--<img src={cinemaImg} alt="Camera" />-->
+                <img src={cinemaImg} alt="Camera" />
                 <div class="nes-select">
                     <select bind:value={selectedCamera} on:change={selectCamera}>
                         {#each $cameraListStore as camera}
@@ -142,8 +142,8 @@
 
         select {
           font-family: "Press Start 2P";
-/*          margin-top: 1vh;
-          margin-bottom: 1vh;*/
+          margin-top: 1vh;
+          margin-bottom: 1vh;
 
           option {
             font-family: "Press Start 2P";
@@ -176,7 +176,7 @@
 
         img {
           width: 30px;
-          margin-right: 5px;
+          margin-right: 10px;
         }
       }
 
@@ -210,8 +210,18 @@
         align-items: center;
         justify-content: center;
       }
-
-
     }
+
+    @media only screen and (max-width: 800px) {
+      * {
+        font-size: 80%;
+      }
+        .enableCameraScene .control-group img {
+          width: 15px;
+          margin-right: 5px;
+        }
+    }
+
+
 </style>