Revize dcacbd24

Úprava SCSS

resources/sass/_custom.scss

@@ -93 +93 @@
     .kaplicky {
         color: $theme-color-one;
         font-size: 11pt;
-        font-weight: $font-weight-three;
+        font-weight: $font-weight-two;
         letter-spacing: 3pt;
     }
 
@@ -120 +120 @@
 
     //notes u metadat, about v about, text levého menu
     .text-headline-desktop {
-        font-weight: $font-weight-two;
         font-size: 24pt;
         color: $theme-color-four;
     }
@@ -144 +143 @@
         color: $theme-color-four;
     }
 
-    .highlight-white, .highlight-white{
-        &:hover, &:focus, &:active{
+    .highlight-white, .highlight-white {
+        &:hover, &:focus, &:active {
             color: $theme-color-one;
         }
     }
@@ -763 +762 @@
         color: $theme-color-four;
     }
 
-    //CATEGORIES - Choose a topic TITLE
-    .head-title.text-center.cat-main-topic {
-
-        h1 {
-            font-size: 1.9rem;
-        }
-    }
-
-    //CATEGORIES - Main menu
-    .cat-main-menu {
-        font-size: 1.75rem;
-        text-align: center;
-        margin-bottom: 30pt;
-
-        a, a:visited {
-            color: $theme-color-two;
-            text-decoration: none;
-        }
-
-        a:hover {
-            color: $theme-color-four;
-        }
-
+    .cat-main-div {
+        margin-top: 2.4rem;
     }
 
     //CATEGORIES - Wrapper around Enter button
@@ -799 +777 @@
 
     //CATEGORIES - Enter button
     .btn.button-square.cat-enter-butt {
-        //font-size: 8pt;
-        //background-color: grey;
-        //color: $theme-color-one;
-        // border: 0.5pt solid $theme-color-one;
         border-radius: 0;
         bottom: 5%;
         position: fixed;
         left: 50%;
         transform: translateX(-50%);
-        //width: 6.5rem;
-        //height: 2rem;
-        //font-weight: $font-weight-one;
 
         &:active, &:focus, &:visited, &:hover {
             outline: none;
@@ -882 +853 @@
     display: flex;
     align-items: center;
     text-align: center;
-    min-width: 100%;
+    width: 100%;
     padding-top: 2rem;
     padding-bottom: 2rem;
 }
@@ -978 +949 @@
     display: inline-block;
 }
 
+.bar-desktop {
+    margin-left: 2rem;
+    margin-right: 2rem;
+}
+
 // books component
 .books-component {
 
@@ -1200 +1176 @@
     }
 }
 
-@media (min-width: 1300px) {
+@media (max-width: 990px) {
     .bar-desktop {
-        margin-left: 8vw;
-        margin-right: 8vw;
-        min-width: 84vw;
+        display: none;
     }
 }
 
-@media (max-width: 990px) {
-}
-
 @media (max-width: 770px) {
     .logo-kaplicky {
         margin: 0 auto;
@@ -1243 +1214 @@
         top: 0;
         left: 0;
     }
-    .bar-desktop {
-        display: none;
-    }
     .menu-item:active, .menu-item.active {
         color: $theme-color-five;
         background-color: $theme-color-one;
@@ -1314 +1282 @@
 
     body {
         .kaplicky {
-            text-align: left !important;
-            //font-size: 24pt;
+            text-align: center;
             font-size: 30pt;
-            line-height: 24pt;
             margin-bottom: 3rem;
-            //margin-left: 1rem;
         }
 
         .pin-left:before {
@@ -1436 +1401 @@
                     }
 
                     .inter_like_filled {
-                        &:before{
+                        &:before {
                             width: 5rem;
                             height: 5rem;
                         }

resources/views/categories/index.blade.php

@@ -7 +7 @@
         @if(isset($user))
 
             <div class="cat-main-div" {{--onclick="resetEnter()"--}}>
-                <div class="head-title text-center cat-main-topic">
-                    <h1>choose a topic</h1>
-                </div>
                 <div class="d-flex flex-wrap justify-content-around btn-group" data-toggle="buttons">
                     @for($k = 0; $k < $count;$k++)
                         <div class="d-flex col-sm-12 col-md-6 col-lg-4 col-xl-3">