diff --git a/package.json b/package.json
index 92342149..b9bd23ed 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
"proxy": "http://localhost:5000",
"scripts": {
"start": "react-scripts start",
- "build": "react-scripts build && ./build.sh",
+ "build": "CI=false && react-scripts build && ./build.sh",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
diff --git a/src/common/Button.js b/src/common/Button.js
new file mode 100644
index 00000000..92074064
--- /dev/null
+++ b/src/common/Button.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import { Button } from 'react-bootstrap';
+
+const Btn = (props) => {
+ let styles = {
+ fontFamily: 'Inter',
+ boxShadow: 'none',
+ borderRadius: '0.25rem',
+ fontStyle: 'normal'
+ };
+ if (props.buttonType === 'outline'){
+ styles.backgroundColor = '#ffffff';
+ styles.color = '#1A73E8';
+ } else {
+ styles.backgroundColor = '#1A73E8';
+ styles.color = '#ffffff';
+ }
+ const Props = {...props};
+ Props.style = styles;
+ return(
+
+ )
+}
+
+export default Btn;
diff --git a/src/css/components/_modals.scss b/src/css/components/_modals.scss
index 47702b99..fe2a72ab 100644
--- a/src/css/components/_modals.scss
+++ b/src/css/components/_modals.scss
@@ -34,7 +34,7 @@
width: 6vw;
height: 5vh;
background: rgb(250, 251, 252);
- border-radius: 100px;
+ font-family: Inter;
color: #1A73E8;
padding: 0.3em;
margin-left: 1em;
@@ -257,8 +257,6 @@
.modal__remove__followButton {
border: 1px solid #eb5757;
box-sizing: border-box;
- box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
- border-radius: 34px;
background: transparent;
width: 83px;
height: 4.5vh;
@@ -309,9 +307,8 @@
display: flex;
.invite__btn {
margin-left: 3px;
+ font-family: Inter;
background: #1a73e8;
- box-shadow: 1.26667px 2.53333px 6.33333px rgba(0, 0, 0, 0.1);
- border-radius: 43.0667px;
width: 83px;
height: 4.5vh;
padding: 0px;
@@ -322,9 +319,8 @@
flex-wrap: wrap;
.invite__btn {
margin-right: 10px;
+ font-family: Inter;
background: #1a73e8;
- box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
- border-radius: 20px;
width: 83px;
height: 4.5vh;
padding: 0px;
@@ -385,4 +381,8 @@
}
}
}
-}
+ .vertical-align-row {
+ display: flex;
+ align-items: center;
+ }
+}
\ No newline at end of file
diff --git a/src/user/dashboard/news-feed/news-feed.js b/src/user/dashboard/news-feed/news-feed.js
index 62bde94b..0ef3b02e 100644
--- a/src/user/dashboard/news-feed/news-feed.js
+++ b/src/user/dashboard/news-feed/news-feed.js
@@ -15,6 +15,7 @@ import {
} from "@material-ui/core";
import { makeStyles } from "@material-ui/core/styles";
import { Button } from "react-bootstrap";
+import Btn from "../../../common/Button";
import AddEventModal from "./popups/AddEventModal";
import AddProjectModal from "./popups/AddProjectModal";
import ArrowDropUpIcon from "@material-ui/icons/ArrowDropUp";
@@ -393,7 +394,7 @@ function NewsFeed(props) {
color="primary"
aria-label="contained primary button group"
>
-
-
+
diff --git a/src/user/dashboard/news-feed/news-feed.scss b/src/user/dashboard/news-feed/news-feed.scss
index a25a98bf..074df5cb 100644
--- a/src/user/dashboard/news-feed/news-feed.scss
+++ b/src/user/dashboard/news-feed/news-feed.scss
@@ -4,6 +4,7 @@
height: 50px;
.article {
display: flex;
+ align-items: center;
form {
flex: 1;
border: none;
@@ -392,16 +393,11 @@
}
.optionbtn {
- background: #1a73e8;
- border-radius: 100px;
.optionbtn-text {
- font-family: Inter;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
-
- color: #ffffff;
}
}
}
diff --git a/src/user/dashboard/notifications/notifications.scss b/src/user/dashboard/notifications/notifications.scss
index c9d4c979..49758ee4 100644
--- a/src/user/dashboard/notifications/notifications.scss
+++ b/src/user/dashboard/notifications/notifications.scss
@@ -50,7 +50,6 @@
display: inline;
}
.tag {
- box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
border-radius: 31px;
padding: 2px;
border: 1px solid #007bff;
diff --git a/src/user/organization/popups/Admins.js b/src/user/organization/popups/Admins.js
index 103a022a..54d8ddf3 100644
--- a/src/user/organization/popups/Admins.js
+++ b/src/user/organization/popups/Admins.js
@@ -105,17 +105,19 @@ class Admins extends Component {
Administrators
-
-
+
+
+
+
diff --git a/src/user/organization/popups/Members.js b/src/user/organization/popups/Members.js
index e4911ce1..d05e428e 100644
--- a/src/user/organization/popups/Members.js
+++ b/src/user/organization/popups/Members.js
@@ -137,21 +137,23 @@ class Members extends Component {
Members
-
-
+
+
+
+
@@ -163,7 +165,7 @@ class Members extends Component {
Get invite link
-