From de80bc85a434ee1409c27ea8d6deefb07406017a Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Thu, 27 Oct 2022 12:17:13 +0300
Subject: [PATCH] ui styling

---
 public/css/app.css                                 | 14 ++++++++++----
 .../components/documents/form/line-item.blade.php  |  2 +-
 resources/views/modules/item/show.blade.php        |  4 ++--
 safelist.txt                                       |  1 +
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 056b86abc..0f82a05a1 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -50246,10 +50246,6 @@ body{
     width: 66.666667%;
   }
 
-    .lg\:w-auto{
-    width: auto;
-  }
-
     .lg\:w-1\/4{
     width: 25%;
   }
@@ -50266,6 +50262,10 @@ body{
     width: 1rem;
   }
 
+    .lg\:w-auto{
+    width: auto;
+  }
+
     .lg\:w-2\/4{
     width: 50%;
   }
@@ -50335,6 +50335,12 @@ body{
     gap: 4rem;
   }
 
+    .lg\:space-x-16 > :not([hidden]) ~ :not([hidden]){
+    --tw-space-x-reverse: 0;
+    margin-right: calc(4rem * var(--tw-space-x-reverse));
+    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
+  }
+
     .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
     --tw-space-y-reverse: 0;
     margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
diff --git a/resources/views/components/documents/form/line-item.blade.php b/resources/views/components/documents/form/line-item.blade.php
index a4f169718..2180995ab 100644
--- a/resources/views/components/documents/form/line-item.blade.php
+++ b/resources/views/components/documents/form/line-item.blade.php
@@ -31,7 +31,7 @@
                         <td class="px-3 py-3 ltr:pl-2 rtl:pr-2 ltr:text-left rtl:text-right align-middle border-b-0 name">
                             @if (! $hideItemName)
                                 <span class="flex items-center text-sm" tabindex="0" v-if="row.item_id">
-                                    <div v-html="row.name" class="w-20 lg:w-auto truncate"></div>
+                                    <div v-html="row.name"></div>
                                 </span>
 
                                 <div v-else>
diff --git a/resources/views/modules/item/show.blade.php b/resources/views/modules/item/show.blade.php
index 19be9a869..562752e54 100644
--- a/resources/views/modules/item/show.blade.php
+++ b/resources/views/modules/item/show.blade.php
@@ -15,7 +15,7 @@
 
     <x-slot name="content">
         <div class="flex flex-col space-y-16 py-4">
-            <div class="flex flex-col lg:flex-row w-full space-x-16 rtl:space-x-reverse space-y-0">
+            <div class="flex flex-col lg:flex-row w-full lg:space-x-16 rtl:space-x-reverse space-y-0">
                 <div class="w-full lg:w-7/12 flex flex-col space-x-2 banner">
                     @foreach ($module->files as $file)
                         @if ($loop->first)
@@ -116,7 +116,7 @@
                                 {!! ! empty($module->sort_desc) ? $module->sort_desc : strip_tags($module->description) !!}
                             </div>
 
-                            <div class="relative flex flex-col lg:flex-row space-x-4 justify-between">
+                            <div class="relative flex items-center space-x-4 justify-between">
                                 <x-layouts.modules.show.price :module="$module" />
 
                                 <div class="flex w-1/2 lg:justify-center">
diff --git a/safelist.txt b/safelist.txt
index 96edddc49..a5d5f2780 100644
--- a/safelist.txt
+++ b/safelist.txt
@@ -14,6 +14,7 @@ lg:px-6
 lg:relative
 lg:right-0
 lg:justify-around
+lg:space-x-16
 ltr:-right-1.5
 rtl:-left-1.5
 rtl:-scale-x-100
\ No newline at end of file