From 7dfe8c4860639ccf9551b1193987cd5fe3e136a3 Mon Sep 17 00:00:00 2001
From: Adam Procter <adamprocter@researchnot.es>
Date: Wed, 4 Nov 2020 17:41:38 +0000
Subject: [PATCH] css edits

---
 app/src/components/CardsLayer.vue      | 11 ++++++-----
 app/src/components/ListLayer.vue       |  2 +-
 app/src/components/ModesCard.vue       |  2 +-
 app/src/components/OtherCardslayer.vue | 11 ++++-------
 4 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/app/src/components/CardsLayer.vue b/app/src/components/CardsLayer.vue
index 28e6e19..1944ae0 100644
--- a/app/src/components/CardsLayer.vue
+++ b/app/src/components/CardsLayer.vue
@@ -1,8 +1,8 @@
 <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 {
diff --git a/app/src/components/ListLayer.vue b/app/src/components/ListLayer.vue
index 163b485..1ef7fbd 100644
--- a/app/src/components/ListLayer.vue
+++ b/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 {
diff --git a/app/src/components/ModesCard.vue b/app/src/components/ModesCard.vue
index 27cf1d5..c04f38e 100644
--- a/app/src/components/ModesCard.vue
+++ b/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;
diff --git a/app/src/components/OtherCardslayer.vue b/app/src/components/OtherCardslayer.vue
index 365cab0..91c5103 100644
--- a/app/src/components/OtherCardslayer.vue
+++ b/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 {
-- 
GitLab