2 files changed, 15 insertions, 17 deletions

diff --git a/css/codeq.css b/css/codeq.css
index c3f3634..e66ecd4 100644
--- a/css/codeq.css
+++ b/css/codeq.css
@@ -149,6 +149,10 @@ body {
     transition: all 1s ease;
 }
 
+.block > .scrollable-content-container {
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+}
 
 /***** responsiveness *****/
 /* lg */
@@ -172,8 +176,6 @@ body {
     #screen_python .block.block3 {
         min-height: 100%; height: 100%;
     }
-
-
 }
 
 /* md */
@@ -202,7 +204,6 @@ body {
     #screen_python .block.block3 {
         min-height: 50%; height: 50%;
     }
-
 }
 
 /* md & ld */
@@ -254,7 +255,6 @@ body {
     .CodeMirror-scroll {
         height: 100%;
     }
-
 }
 
 /* sm */
@@ -267,12 +267,10 @@ body {
 
 /* xs & sm */
 @media (max-width: 991px) {
-
     /* info */
     .block.block4  {
         border-bottom: 1px solid #ddd;
     }
-
 }
 
 /* codeq hints */
diff --git a/css/codeq/hint.css b/css/codeq/hint.css
index 676d1aa..6e5fd25 100644
--- a/css/codeq/hint.css
+++ b/css/codeq/hint.css
@@ -2,14 +2,6 @@ a.hint-static-link {
     cursor: pointer;
 }
 
-div.hint-static-group,
-div:not(.hint-static-group) > div.hint-static {
-    border: 1px solid gray;
-    border-radius: 4px;
-    margin-bottom: 0.5em;
-    padding: 0.5em;
-}
-
 .hint-static img {
     max-width: 80%;
     /* center img trick */
@@ -18,6 +10,14 @@ div:not(.hint-static-group) > div.hint-static {
     margin-right: auto;
 }
 
-.hints > :first-child {
-    font-weight: bold;
-}
\ No newline at end of file
+.hints > div {
+    border: 1px solid gray;
+    border-radius: 4px;
+    margin-bottom: 0.5em;
+    margin-top: 0.5em;
+    padding: 0.5em;
+}
+
+.hints > div:first-child {
+    border: 2px solid black;
+}