Revize 977060b9

Revert "Issue @7957 #4h"

This reverts commit 31d7501407215a8231bb8604220a81dd33979ff8.

resources/sass/_custom.scss

@@ -360 +360 @@
         }
     }
 
-    .content {
-    position: relative;
-
-    //Circle style button
-    //Toto možná nebude zcela optimální pro ostatní circle buttony. Nehodící se propagujte do btn-categories.
-    .btn-circle.rounded-circle {
-        padding: 6px 0px;
-        font-size: 16px;
-        text-align: center;
-    }
+    .monButton {
 
-    .btn-categories {
-        position: absolute;
-        border-width: 5px;
-        background-color: $theme-color-five;
-        border-color: $theme-color-four;
-        color: $theme-color-four;
-        outline: none !important;
-        box-shadow: none !important;
-        font-weight: $font-weight-two;
+        &:before {
+            background-image : url(../images/Button_Arrow_Small.png);
+            //height: 0.9685rem;
+            //width: 0.59055rem;
+        }
 
-        &:active {
-            background-color: $theme-color-three;
+        &:hover {
+            background-color: transparent;
+            border-color: $theme-color-four;
+        }
+
+        &:focus {
+            background-color: transparent;
             border-color: $theme-color-four;
             outline: none !important;
             box-shadow: none !important;
-            color: $theme-color-five;
         }
-    }
-}
-
-    //CATEGORIES - TILES
-    .btn.btn-dark.cat-tile
-    {
-        //STYLING
-        border-color: $theme-color-four;
-        border-radius: 0;
-        border-style: solid;
-        border-width: 2px;
-        color: $theme-color-four;
-        background-color: $theme-color-five;
-        text-align: center;
-        outline: none !important;
-        box-shadow: none !important;
 
-        //FONT
-        font-size: 8mm;
-        word-wrap: break-word;
+        &:active {
+            background-color: transparent !important;
+            border-color: transparent !important;
+            outline: none !important;
+            box-shadow: none !important;
+        }
+    }
 
-        //SPACING
-        margin: 10pt 32pt;
-        height: 40mm;
-        width: 86%;
+    .content {
+        position: relative;
 
-        &:active, &:focus
+        //Circle style button
+            //Toto možná nebude zcela optimální pro ostatní circle buttony. Nehodící se propagujte do btn-categories.
+        .btn-circle.rounded-circle {
+            padding: 6px 0px;
+            font-size: 16px;
+            text-align: center;
+        }
+        .btn-categories
         {
-            background-color: $theme-color-three;
+            position: absolute;
+            border-width: 5px;
+            background-color: $theme-color-five;
             border-color: $theme-color-four;
+            color:$theme-color-four;
             outline: none !important;
             box-shadow: none !important;
-            color: $theme-color-five;
+            font-weight: $font-weight-two;
+
+            &:active
+            {
+                background-color: $theme-color-three;
+                border-color: $theme-color-four;
+                outline: none !important;
+                box-shadow: none !important;
+                color:$theme-color-five;
+            }
+        }
+
+        .btn-sm
+        {
+            width: 120px;
+            height: 120px;
+        }
+        .btn-dm
+        {
+            width: 240px;
+            height: 240px;
+        }
+        .btn-xl
+        {
+            width: 360px;
+            height: 360px;
         }
-    }
 
-    //CATEGORIES - enter button
-    .btn.button-square.cat-enter-butt
-    {
-        position: fixed;
-        bottom: 8%;
-        right: 45%;
-        display: none;
     }
 }
 
@@ -511 +515 @@
 {
     .head-title.text-center h1
     {
-        font-size: 23pt;
-        padding-top: 50pt;
-        margin-left: 36pt;
-        white-space: nowrap;
+        font-size: 45pt;
     }
 
     .btn-circle.rounded-circle.btn-sm