border btn di hilangkan

components/Main/Login.js

@@ -87,7 +87,7 @@ class Login extends Component {
 
 	render() {
 		return (
-			<Card className="card card-flat">
+			<Card className="card card-flat md-1">
 				<img className="img-login-1" src="/static/img/logo-login.png" alt="Logo" />
 				<CardBody className="card-body">
 					{" "}

styles/app/common/cards.scss

@@ -40,6 +40,14 @@
     border: 0;
 }
 
+@media screen and (max-width: 420px) {
+    .card-flat {
+        margin-right: -5% !important;
+        margin-left: -5% !important;
+        border: -10px;
+    }
+}
+
 .card-columns-2 {
     column-count: 1;
     @include media-breakpoint-up(md) {

styles/bootstrap/_buttons.scss

@@ -138,6 +138,7 @@ input[type="button"] {
 }
 .posisi-btn-1 .button-kirimlaporan{
 	border-radius: 5px;
+	border: 0;
 }
 .button-kirimlaporan {
 	// background: rgba(0, 0, 0, 0.05);
@@ -153,7 +154,6 @@ input[type="button"] {
 	font-size: 17px;
 	letter-spacing: 0.02em;
 	text-align: center;
-	padding-bottom: 5px;
 }
 .posisi-btn-1 .button-lihatpemantauan {
 	border-radius: 5px;
@@ -165,6 +165,7 @@ input[type="button"] {
 	width: 160px;
 	height: 35px;
 	margin-bottom: -5px;
+	border: 0;
 	
 }
 .text-lihatpemantauan {
@@ -227,13 +228,16 @@ input[type="button"] {
 .btn-radius .btn-labeled-2{
 	border-radius: 7px;
 	display: inline;
+	border:0;
 }
 .btn-radius .btn-labeled{
 	border-radius: 7px;
 	display: inline;
+	border: 0;
 }
 .btn-radius .btn-login{
 	border-radius: 7px;
+	border: 0;
 }
 .btn-header{
 	display: inline-block;
@@ -241,6 +245,7 @@ input[type="button"] {
 	width: auto;
 	height: 34px;
 	margin-left: 5px;
+	border: 0;
 }
 .margin-l-5{
 	margin-right: 5px;