Rinda book

public/static/css/book_detail.css

@@ -8,6 +8,18 @@ body {
 	width:95%;
 }
 
+.book {
+	display: flex;
+}
+
+.kiri {
+	flex-grow: 5;
+}
+
+.kanan {
+	flex-grow: 5;
+}
+
 #book_title{
 	font-size: 70px;
 	color: #FF6029;
@@ -16,16 +28,20 @@ body {
 
 #author {
 	color: #4E4E4E;
-	font-weight: bold
+	font-weight: bold;
+	margin-left: 5px;
+}
+
+#bookdescription {
+	margin-left: 5px;
 }
 
 .book_image {
 	margin-top: 20px;
 	float:right;
 	width:160px;
-	height: 160px;
-	margin-right: 30px;
 	border: 1px solid black;
+	margin-right: 20px;
 }
 
 .submit-button {
@@ -46,11 +62,26 @@ body {
 	font-family: 'Arial Rounded MT Bold'
 }
 
+.review-container{
+	display: flex;
+	justify-content: space-between;
+}
+
+.review {
+	flex-grow: 5;
+}
+
+.rate {
+	flex-grow: 1;
+	text-align: right;
+	margin-right: 50px;
+}
+
 .imgreviewuser {
 	width: 100px;
-	height: 100px;
+	float: left;
+	margin-left: 5px;
 	border: 1px solid black;
-	float:left;
 }
 
 .username {
@@ -59,7 +90,6 @@ body {
 	color: #4E4E4E;
 	font-family: 'Arial Rounded MT Bold';
 	font-weight: bold;
-	line-height: 1.6
 }
 
 .reviewdesc {
@@ -67,38 +97,16 @@ body {
 	color:#4E4E4E;
 }
 
-#banyakjumlah {
-	border-radius: 3px;
-	border: 1px solid #4E4E4E;
-}
-
-.review {
-	display: flex;
-}
-
-.review > div {
-	flex-grow: 5;
-}
-
-.kanan {
-	float: right;
-}
-
 .starfull {
-	color: yellow;
-	font-size: 40px
+	text-align: right;
+	width: 70px;
 }
 
-/*.starhole {
-	opacity: 1;
-	-webkit-text-stroke: 10px yellow;
-	font-size: 40px
-}*/
-
 .rating {
-	font-weight: bold;
+	margin-right: 8px;
 }
 
-#per {
-	font-weight: bold;
+.bookrating {
+	width: 40px;
+	float: right;
 }
\ No newline at end of file