From 388f34143fd8b43bcbe68ee8db7bbb27a06fe004 Mon Sep 17 00:00:00 2001
From: Breno Ferreira <bferreira@windowslive.com>
Date: Thu, 30 Apr 2020 13:27:39 -0300
Subject: [PATCH] fix report form width

---
 src/components/ContentReport/ContentReportForm.vue | 5 +----
 src/styles/photodetails.scss                       | 1 +
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/ContentReport/ContentReportForm.vue b/src/components/ContentReport/ContentReportForm.vue
index 06140fa3b..edba44b90 100644
--- a/src/components/ContentReport/ContentReportForm.vue
+++ b/src/components/ContentReport/ContentReportForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="card padding-normal is-clearfix report-form">
+  <div class="padding-normal is-clearfix report-form">
     <button class="button close-button is-text tiny is-pulled-right is-block has-text-grey-light"
             @click="closeForm()">
       <i class="icon cross"></i>
@@ -132,9 +132,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.card {
-  width: 22rem;
-}
 .reason {
   width: 100%;
   height: 6rem;
diff --git a/src/styles/photodetails.scss b/src/styles/photodetails.scss
index 3f4f970fe..953db425d 100644
--- a/src/styles/photodetails.scss
+++ b/src/styles/photodetails.scss
@@ -61,6 +61,7 @@
 	background: #ffffff;
   border: 2px solid #D8D8D8;
   z-index: 10;
+  width: 22rem;
 }
 .report-form:after, .report-form:before {
 	bottom: 100%;