dropdown item width changed.

Author: abdurrahmanekr

example/App.js

@@ -170,7 +170,7 @@ export class App extends Component {
 							<Dropdown
 								items={[
 									'asdasd',
-									'asdasdasd',
+									'Lorem ipsum dolor sit amet.',
 								]}
 								buttonProps={{
 									text: 'Boşu Boşuna'

src/Dropdown/Dropdown.css

@@ -2,6 +2,8 @@
 	position: relative;
 }
 .rce-dropdown {
+	min-width: 100%;
+	box-sizing: border-box;
     padding: 5px 10px;
     background: #f5f5f5;
     border-radius: 5px;
@@ -68,12 +70,12 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    text-align: center;
 }
 
 .rce-dropdown ul li {
+    white-space: nowrap;
     color: #767676;
-    padding: 5px 30px;
+    padding: 5px;
     cursor: pointer;
     font-size: 14px;
     width: 100%;

src/Dropdown/Dropdown.js

@@ -15,8 +15,8 @@ export class Dropdown extends Component {
 	}
 
 	onBlur(e) {
-		if (this.state.show === true)
-			this.setState({show: false});
+		// if (this.state.show === true)
+		// 	this.setState({show: false});
 	}
 
 	render() {