Some css tweaks

src/components/PluginMain.vue

@@ -212,8 +212,9 @@ const getSources = (data) => {
 
 .grid {
     display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 20px;
+    grid-template-columns: repeat(2, 45%);
+    gap: 10px;
+    justify-items: center;
 
     @media (min-width: $tablet-1024-breakpoint) {
         grid-template-columns: repeat(4, 1fr);
@@ -233,6 +234,7 @@ const getSources = (data) => {
     background-color: $primary-25;
     position: relative;
 
+    padding: 5px;
     margin: auto;
     //max-width: 800px;
     //width: fit-content;
@@ -266,10 +268,14 @@ const getSources = (data) => {
     justify-content: space-between;
     gap: 20px;
     text-align: center;
-    padding: 50px;
+
     flex: auto;
     z-index: 1;
 
+    @media (min-width: $tablet-1024-breakpoint) {
+        padding: 50px;
+    }
+
     .big-header {
         margin-bottom: 4px;
         @include h2;