From c13d5cd3ad7a14f70aec0f6c2b8fa0d0e25c9e9e Mon Sep 17 00:00:00 2001
From: lucasjs <lucas.tcjb@gmail.com>
Date: Wed, 29 Nov 2017 23:25:00 -0200
Subject: [PATCH] Edit Views #3

---
 src/views/CameraView.vue    | 29 ++++++++++++++++-------------
 src/views/HomeView.vue      | 20 +++++++++++---------
 src/views/QuestionsView.vue | 24 ++++++++++++++++--------
 3 files changed, 43 insertions(+), 30 deletions(-)

diff --git a/src/views/CameraView.vue b/src/views/CameraView.vue
index 8ba0d5e..b0f022b 100644
--- a/src/views/CameraView.vue
+++ b/src/views/CameraView.vue
@@ -1,17 +1,19 @@
 <template>
-  <div class="post">
-	<status-bar
-		link="/home"
-		title="Postar"
-	/>
-	<tabs-bottom />
-	<section class="post-section">
-		<photo-upload :src="imageData" labelText="Escolha uma foto" />
-		<main-textarea v-model="title" value="title" placeholder="Escreva uma legenda"></main-textarea>
-		<main-button text-inner="Postar conteúdo" @click.prevent.native="post">
-		</main-button>
-	</section>
-  </div>
+	<div class="post">
+		<header>
+			<status-bar
+				link="/home"
+				title="Postar"
+			/>
+			<tabs-bottom />
+		</header>
+		<section class="post-section">
+			<photo-upload :src="imageData" labelText="Escolha uma foto" />
+			<main-textarea v-model="title" value="title" placeholder="Escreva uma legenda"></main-textarea>
+			<main-button text-inner="Postar conteúdo" @click.prevent.native="post">
+			</main-button>
+		</section>
+	</div>
 </template>
 <script>
 import postContent from '@/mixins/postContent';
@@ -58,6 +60,7 @@ export default {
 		holder()
 		padding 10px 20px
 		box-sizing border-box
+		margin-bottom 50px
 
 		.input-file + label,
 		.image-preview,
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 22f26cc..5564915 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,9 +1,13 @@
 <template>
 	<div class="home">
-		<slider-items />
-		<tabs-top :links="linksTop"	/>
-		<tabs-bottom />
-		<post-card resume="true" />
+		<header class="home-header">
+			<slider-items />
+			<tabs-top :links="linksTop"	/>
+			<tabs-bottom />
+		</header>
+		<main class="home-main">
+			<post-card resume="true" />
+		</main>
 	</div>
 </template>
 
@@ -27,11 +31,6 @@ export default {
 					url: '#',
 					name: 'todas as áreas',
 				},
-				{
-					class: 'hashtags',
-					url: '#',
-					name: '#hashtags',
-				},
 			],
 		};
 	},
@@ -51,4 +50,7 @@ export default {
 	.home
 		background #f9f9f9
 
+		&-main
+			padding-bottom 50px
+
 </style>
diff --git a/src/views/QuestionsView.vue b/src/views/QuestionsView.vue
index 53b3d1e..e8045c8 100644
--- a/src/views/QuestionsView.vue
+++ b/src/views/QuestionsView.vue
@@ -1,11 +1,13 @@
 <template>
-	<div class="question">
-		<status-bar
-			link="/home"
-			title="Perguntas"
-		/>
-		<tabs-bottom />
-		<main class="main">
+	<div class="questions">
+		<header class="questions-header">
+			<status-bar
+				link="/home"
+				title="Perguntas"
+			/>
+			<tabs-bottom />
+		</header>
+		<main class="questions-main">
 			<main-titles
 				:title-text="profession"
 				subtitle-text="Toque no balão para responder"
@@ -27,14 +29,17 @@ export default {
 			profession: '#Design',
 			questions: [
 				{
+					id: 1,
 					question: 'Entrar direto na faculdade de Design ou fazer um curso?',
 					answer: 'Lorem ipsum',
 				},
 				{
+					id: 2,
 					question: 'Dicas para quem está começando?',
 					answer: 'Lorem ipsum',
 				},
 				{
+					id: 3,
 					question: 'Quais os melhores cursos e escolas de cursos para essa profissão?',
 					answer: 'Lorem ipsum',
 				},
@@ -53,7 +58,10 @@ export default {
 <style lang="stylus">
 	@import '../assets/styles/_colors'
 
-	.question
+	.questions
+		&-main
+			padding-bottom 50px
+
 		&-text
 			font-size 20px