diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index f992a048ad10ed2b91340ecfb77c6fba3aa11b49..c43cbc29ecc9fc3f708d6f7afe765a183ef8f7fb 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -37,6 +37,7 @@ h1 { h3 { } +// Do not change link color on hover a:hover { color: inherit; } @@ -45,6 +46,7 @@ a:hover { padding-right: 20px; } +// Ensure the heading is at the right location .custom-page-heading { font-size: 1.8rem; color: #414a4c; @@ -57,7 +59,8 @@ li { float: none; } -.btn{ +// Basic styles for buttons +.btn { margin-left: 2px; margin-top: 2px; } diff --git a/app/assets/stylesheets/buttons.scss b/app/assets/stylesheets/buttons.scss index eaa03d40d75806ba93a8107a0b5b003cbd47af6e..e3128532ed51e914a0f30030cab141212e6c556e 100644 --- a/app/assets/stylesheets/buttons.scss +++ b/app/assets/stylesheets/buttons.scss @@ -1,17 +1,21 @@ +// Back (red) button for habits .habit-back-btn { background-color: #CD5C5C !important; margin-top: 15px; margin-left: 10px; } +// Change button color on hover .habit-back-btn:hover { background-color: #B22222; } +// Ensure that text inside is white #FBlogin { color: white; } +// Color and styles for chatrooms selection .chat-index-button { background-color: #343a40; border-color: #343a40; @@ -19,16 +23,19 @@ color: #fff; } +// Basic animation for chat buttons .chat-index-button:hover { transform: translate(10px,0); transition: all 1s ease-in-out; color: #00FFFF; } +// Hardcode the width .webpush-button { width: 150px; } +// Hardcode the width .webpush-unsubscribe-button { width: 150px; }