From 51b3e378565c50c5aa1826ceb44072c076bda1a8 Mon Sep 17 00:00:00 2001
From: cuneytsenturk <cneytsenturk@gmail.com>
Date: Tue, 10 Jul 2018 12:05:36 +0300
Subject: [PATCH] close #409 Fixed: Visual Bug - Invoice status color mismatch
 between invoices and show invoice

---
 public/css/app.css                            | 44 ++++++++++++++++++-
 resources/views/expenses/bills/show.blade.php | 10 +++--
 .../views/incomes/invoices/show.blade.php     | 10 +++--
 3 files changed, 57 insertions(+), 7 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index f0deeaf24..ed70220e3 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -619,4 +619,46 @@ input[type="number"] {
 
 .invoice, .bill {
     border: none !important;
-}
\ No newline at end of file
+}
+
+#badge div.label {
+    margin-top: 15px;
+    width: 180px;
+    margin-right: -30px;
+    position: absolute;
+    right: 0;
+    font-size: 14px;
+    z-index: 99;
+    -moz-transform: rotate(40deg);
+    -webkit-transform: rotate(40deg);
+    -ms-transform: rotate(40deg);
+    -o-transform: rotate(40deg);
+    transform: rotate(40deg);
+    border-radius: 0;
+}
+
+#badge .arrow-up {
+    position: absolute;
+    right: 0;
+    margin-right: 100px;
+    z-index: 999;
+    margin-top: -50px;
+    width: 0;
+    height: 0;
+    border-left: 25px solid transparent;
+    border-right: 25px solid transparent;
+    border-bottom: 25px solid #ecf0f5;
+}
+
+#badge .arrow-right {
+    position: absolute;
+    margin-top: 55px;
+    z-index: 999;
+    margin-right: -23px;
+    right: 0;
+    width: 0;
+    height: 0;
+    border-top: 20px solid transparent;
+    border-bottom: 20px solid transparent;
+    border-left: 20px solid #ecf0f5;
+}
diff --git a/resources/views/expenses/bills/show.blade.php b/resources/views/expenses/bills/show.blade.php
index b3618f779..57b78fd71 100644
--- a/resources/views/expenses/bills/show.blade.php
+++ b/resources/views/expenses/bills/show.blade.php
@@ -17,7 +17,11 @@
 
     <div class="box box-success">
         <div class="bill">
-            <span class="badge bg-aqua">{{ $bill->status->name }}</span>
+            <div id="badge">
+                <div class="arrow-up"></div>
+                <div class="label {{ $bill->status->label }}">{{ $bill->status->name }}</div>
+                <div class="arrow-right"></div>
+            </div>
 
             <div class="row invoice-header">
                 <div class="col-xs-7">
@@ -156,10 +160,10 @@
 
             <div class="box-footer row no-print">
                 <div class="col-xs-12">
-                    <a href="{{ url('expenses/bills/' . $bill->id . '/edit') }}" class="btn btn-primary">
+                    <a href="{{ url('expenses/bills/' . $bill->id . '/edit') }}" class="btn btn-default">
                         <i class="fa fa-pencil-square-o"></i>&nbsp; {{ trans('general.edit') }}
                     </a>
-                    <a href="{{ url('expenses/bills/' . $bill->id . '/print') }}" target="_blank" class="btn btn-default">
+                    <a href="{{ url('expenses/bills/' . $bill->id . '/print') }}" target="_blank" class="btn btn-success">
                         <i class="fa fa-print"></i>&nbsp; {{ trans('general.print') }}
                     </a>
                     <div class="btn-group dropup">
diff --git a/resources/views/incomes/invoices/show.blade.php b/resources/views/incomes/invoices/show.blade.php
index dd51e5a48..a99ff9fb0 100644
--- a/resources/views/incomes/invoices/show.blade.php
+++ b/resources/views/incomes/invoices/show.blade.php
@@ -17,7 +17,11 @@
 
     <div class="box box-success">
         <section class="invoice">
-            <span class="badge bg-aqua">{{ $invoice->status->name }}</span>
+            <div id="badge">
+                <div class="arrow-up"></div>
+                <div class="label {{ $invoice->status->label }}">{{ $invoice->status->name }}</div>
+                <div class="arrow-right"></div>
+            </div>
 
             <div class="row invoice-header">
                 <div class="col-xs-7">
@@ -158,10 +162,10 @@
 
             <div class="box-footer row no-print">
                 <div class="col-md-12">
-                    <a href="{{ url('incomes/invoices/' . $invoice->id . '/edit') }}" class="btn btn-primary">
+                    <a href="{{ url('incomes/invoices/' . $invoice->id . '/edit') }}" class="btn btn-default">
                         <i class="fa fa-pencil-square-o"></i>&nbsp; {{ trans('general.edit') }}
                     </a>
-                    <a href="{{ url('incomes/invoices/' . $invoice->id . '/print') }}" target="_blank" class="btn btn-default">
+                    <a href="{{ url('incomes/invoices/' . $invoice->id . '/print') }}" target="_blank" class="btn btn-success">
                         <i class="fa fa-print"></i>&nbsp; {{ trans('general.print') }}
                     </a>
                     <div class="btn-group dropup">