Changed friendship buttons. We now use AJAX, changed button style and added FA icons.

2017-01-25 15:06:37 +01:00
parent 1402a3ea07
commit 9ff256429d
7 changed files with 124 additions and 24 deletions
--- a/website/public/styles/main.css
+++ b/website/public/styles/main.css
@@ -175,6 +175,15 @@ textarea:focus, input:focus, select:focus {
 }

 /* All buttons */
+button.red {
+    background-color: firebrick;
+}
+
+button.green {
+    background-color: forestgreen;
+}
+
+
 button,
 input[type="submit"],
 input[type="reset"] {
--- a/website/public/styles/profile.css
+++ b/website/public/styles/profile.css
@@ -78,17 +78,16 @@ div.posts .post form textarea.newpost {
    font-size: 0.8em;
 }

-input.profile-button {
+button.friend-button {
    float: right;
    height: auto;
    padding: 10px;
+    margin-left: 10px;
    border-radius: 5px;
-    background-color: #4CAF50;
-    color: #FFFFFF;
    transition-duration: 250ms;
    cursor: pointer;
 }

-.profile-button:hover {
+button.friend-button:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
 }