css edits

app/src/components/CardsLayer.vue

 <template>
   <div>
     <div v-for="(value, index) in configPositions" v-bind:key="index">
-      <div v-if="nodeid == value.node_id && deleted == false">
-        <form class="nodes">
+      <div class="nodes" v-if="nodeid == value.node_id && deleted == false">
+        <form>
           <div v-if="value.read_mode == false">
             <div v-for="value in $options.myArray" v-bind:key="value.node_id">
               <textarea
@@ -139,12 +139,13 @@ export default {
 
 <style lang="css" scoped>
 .nodes {
-  min-width: 320px;
-  max-width: 450px;
+  min-width: 343px;
+  max-width: 343px;
   border: 2px dashed black;
   background-color: rgb(155, 194, 216);
   margin-top: 1em;
-  margin-left: 1em;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
 }
 
 .readmode {

app/src/components/ListLayer.vue

@@ -141,7 +141,7 @@ export default {
   border: 2px dashed black;
   background-color: rgb(155, 194, 216);
   margin-top: 1em;
-  margin-left: 1em;
+  margin-left: 0.5em;
 }
 
 .readmode {

app/src/components/ModesCard.vue

@@ -92,7 +92,7 @@ img {
   /* max-width: 450px; */
   width: 95%;
   margin-top: 1em;
-  margin-left: 1em;
+  margin-left: 0.5em;
   background-color: white;
   border: 2px solid black;
   padding: 1em;

app/src/components/OtherCardslayer.vue

@@ -48,17 +48,14 @@ export default {
 </script>
 
 <style lang="css" scoped>
-h2 {
-  color: red;
-}
-
 .nodes {
-  min-width: 320px;
-  max-width: 450px;
+  min-width: 343px;
+  max-width: 343px;
   border: 2px solid black;
   background-color: rgb(205, 234, 255);
   margin-top: 1em;
-  margin-left: 1em;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
 }
 
 p {