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