Gap and padding added

web-atoms · Oct 31, 2023 · 0f83af1 · 0f83af1
1 parent 0be3bd4
commit 0f83af1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/player/AtomVideoPlayer.tsx b/src/player/AtomVideoPlayer.tsx
@@ -28,6 +28,8 @@ const isTouchEnabled = /android|iPhone|iPad/i.test(navigator.userAgent);
         justify-self: center;
         height: 10vh;
 
+        gap: 5px;
+
         overflow: hidden;
 
         grid-template-columns: auto 1fr;
@@ -36,9 +38,9 @@ const isTouchEnabled = /android|iPhone|iPad/i.test(navigator.userAgent);
         background-color: black;
         color: white;
 
-        border-radius: 5px;
+        border-radius: 10px;
 
-        padding: 5px;
+        padding: 10px;
 
         align-items: center;
         justify-items: stretch;

diff --git a/src/tests/basic/video/AtomVideoTest.tsx b/src/tests/basic/video/AtomVideoTest.tsx
@@ -29,7 +29,7 @@ export default class AtomVideoTest extends AtomControl {
             <AtomVideoPlayer
                 logo="https://test.castyy.com/files/was/15242/25964cbc418f4692b9d58f95624a21ad/playstore.png"
                 logoTitle="Castyy Demo Video"
-                logoDescription="Big bunny high definition vide"
+                logoDescription="Big bunny high definition video"
                 source="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
                 />        
         </div>)