Merge pull request #19 from yuriy-martini/master

Some fixes
gregoriohc · Oct 17, 2019 · b54c867 · b54c867
2 parents e621562 + 3da7f3d
commit b54c867
Showing 1 changed file with 28 additions and 13 deletions.
diff --git a/resources/css/theme.css b/resources/css/theme.css
@@ -145,23 +145,24 @@ html[dir="rtl"] .hamburger-menu:before {
         margin-bottom: 10px;
     }
 
-    .card > form > div > .flex {
+    .content form .card > .flex,
+    div[dusk$='detail-component'] .card > .flex{
         display: block;
     }
-    .card > form > div > .flex > .w-1\/5,
-    .card > form > div > .flex > .w-1\/2,
-    .card > form > div > .flex > .w-4\/5 {
+    .content form .card > .flex > div,
+    div[dusk$='detail-component'] .card > .flex > div {
         width: 100%;
-        display: block;
     }
 
-    .card > form > div > .flex > .py-6 {
-        padding-top: 1rem;
+    .content form .card > .flex > .py-6,
+    div[dusk$='detail-component'] .card > .flex > .py-4 {
+        padding-top: .5rem;
         padding-bottom: 0;
     }
 
-    .card > form > div > .flex > .py-6 + .py-6 {
-        padding-bottom: 1rem;
+    .content form .card > .flex > .py-6 + .py-6,
+    div[dusk$='detail-component'] .card > .flex > .py-4 + .py-4 {
+        padding-bottom: .5rem;
     }
 
     .card > form > div header.flex {
@@ -202,7 +203,17 @@ html[dir="rtl"] .hamburger-menu:before {
     }
 
     /* Cards */
-    .content .flex-wrap > .w-1\/3, .content .flex-wrap > .w-2\/3 {
+    .content .flex-wrap > .w-1\/2,
+    .content .flex-wrap > .w-1\/3,
+    .content .flex-wrap > .w-1\/4,
+    .content .flex-wrap > .w-1\/5,
+    .content .flex-wrap > .w-1\/6,
+    .content .flex-wrap > .w-2\/3,
+    .content .flex-wrap > .w-2\/5,
+    .content .flex-wrap > .w-3\/4,
+    .content .flex-wrap > .w-3\/5,
+    .content .flex-wrap > .w-4\/5,
+    .content .flex-wrap > .w-5\/6 {
         width: 100%;
     }
 
@@ -219,21 +230,25 @@ html[dir="rtl"] .hamburger-menu:before {
         width: auto;
     }
 
-    div[dusk$='index-component'] .btn[dusk='create-button'] {
+    div[dusk$='index-component'] .btn[dusk='create-button'],
+    div[dusk$='index-component'] .btn[dusk='attach-button'] {
         font-weight: bolder;
         font-size: 26px;
         padding: 0 12px;
         width: 39px;
         overflow: hidden;
     }
 
-    div[dusk$='index-component'] .btn[dusk='create-button']::before {
+    div[dusk$='index-component'] .btn[dusk='create-button']::before,
+    div[dusk$='index-component'] .btn[dusk='attach-button']::before {
         content: "+";
         position: relative;
     }
-    html:not([dir="rtl"]) div[dusk$='index-component'] .btn[dusk='create-button']::before {
+    html:not([dir="rtl"]) div[dusk$='index-component'] .btn[dusk='create-button']::before,
+    html:not([dir="rtl"]) div[dusk$='index-component'] .btn[dusk='attach-button']::before {
         margin-right: 20px;
     }
+    html[dir="rtl"] div[dusk$='index-component'] .btn[dusk='attach-button']::before,
     html[dir="rtl"] div[dusk$='index-component'] .btn[dusk='create-button']::before {
         margin-left: 20px;
     }