From 5aef65f44c4ec3364152d5ef52cad9f599a4765d Mon Sep 17 00:00:00 2001
From: anish <anish@localhost.localdomain>
Date: Fri, 13 Oct 2017 14:28:52 +1100
Subject: [PATCH 1/2] Cleanup

---
 server/render.js                 |  6 +++---
 src/components/Admin.js          | 17 ++++++++++++-----
 src/components/DateTimePicker.js |  4 +++-
 src/components/MeetingTable.js   | 25 ++++++++++++++++---------
 src/components/Sidebar.js        | 15 ---------------
 5 files changed, 34 insertions(+), 33 deletions(-)
diff --git a/server/render.js b/server/render.js
index c1c2dfb..fd937f2 100644
--- a/server/render.js
+++ b/server/render.js
@@ -4,6 +4,7 @@ import { Provider } from 'react-redux'
 import { flushChunkNames } from 'react-universal-component/server'
 import flushChunks from 'webpack-flush-chunks'
 import configureStore from './configureStore'
+
 import App from '../src/components/App'
 
 export default ({ clientStats }) => async (req, res, next) => {
@@ -20,11 +21,10 @@ export default ({ clientStats }) => async (req, res, next) => {
   console.log('CHUNK NAMES', chunkNames)
 
   return res.send(
-    `<!doctype html>
-      <html>
+    `<html>
         <head>
           <meta charset="utf-8">
-          <title>redux-first-router-demo</title>
+          <title>gnome-blockchains-demo</title>
           ${styles}
           <link rel="stylesheet prefetch" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
         </head>
diff --git a/src/components/Admin.js b/src/components/Admin.js
index 6d9debf..e888e17 100644
--- a/src/components/Admin.js
+++ b/src/components/Admin.js
@@ -1,16 +1,23 @@
 import React from 'react'
 import { admin } from '../css/Switcher'
+import styles from '../css/MeetingAgenda'
 
 import DateTimePicker from './DateTimePicker'
 import MeetingTable from './MeetingTable'
 
 const MeetingAgenda = () =>
-  <div>
-    <label htmlFor='MettingDate'> Meeting Date </label>
-    <DateTimePicker />
-    <div>
+  <div className={styles.meetingAgenda}>
+    <div className={styles.meetingDateDiv}>
+      <div>
+        <label htmlFor='MettingDate' className='meetingDateLabel'>
+          {' '}Meeting Date
+          <DateTimePicker />
+        </label>
+      </div>
+    </div>
+    <div className={styles.meetingTableWrapper}>
       <MeetingTable />
-      <button>Add another </button>
+      <button>Submit</button>
     </div>
   </div>
 
diff --git a/src/components/DateTimePicker.js b/src/components/DateTimePicker.js
index 6c43c9c..5a87458 100644
--- a/src/components/DateTimePicker.js
+++ b/src/components/DateTimePicker.js
@@ -1,8 +1,10 @@
 import React from 'react'
 import DateTime from 'react-datetime'
 
+import styles from '../css/DatetimePick'
+
 const DateTimePicker = () =>
-  <div>
+  <div className={styles.datetimePicker}>
     <DateTime />
   </div>
 
diff --git a/src/components/MeetingTable.js b/src/components/MeetingTable.js
index 5ab3568..3c22e96 100644
--- a/src/components/MeetingTable.js
+++ b/src/components/MeetingTable.js
@@ -1,17 +1,24 @@
 import React from 'react'
+import styles from '../css/MeetingTable'
 
 const MeetingTable = () =>
-  <div>
-    <div>
-      <label htmlFor='MettingPoint'>Meeting point</label>
-      <input />
+  <div className={styles.meetingTable}>
+    <div className={styles.meetingRows}>
+      <label htmlFor='MettingPoint' className={styles.meetingLabels}>
+        Meeting point
+      </label>
+      <input className='form-control' />
     </div>
-    <div>
-      <label htmlFor='ShortDesc'> Short Desc </label>
-      <textarea />
+    <div className={styles.meetingRows}>
+      <label htmlFor='ShortDesc' className={styles.meetingLabels}>
+        {' '}Short Desc{' '}
+      </label>
+      <textarea className='form-control' />
     </div>
-    <div>
-      <label htmlFor='NumVotes'> Num of votes reqd </label>
+    <div className={styles.meetingRows}>
+      <label htmlFor='NumVotes' className={styles.meetingLabels}>
+        {' '}Num of votes reqd{' '}
+      </label>
       <input />
     </div>
   </div>
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index a328664..0545a73 100755
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -10,21 +10,6 @@ const Sidebar = ({ onClick, path }) =>
 
     <NavLink activeClassName={styles.active} exact to='/'>HOME</NavLink>
 
-    <NavLink activeClassName={styles.active} to='/list/db-graphql'>
-      DB & GRAPHQL
-    </NavLink>
-
-    <NavLink activeClassName={styles.active} to={['list', 'react-redux']}>
-      REACT & REDUX
-    </NavLink>
-
-    <NavLink
-      activeClassName={styles.active}
-      to={{ type: 'LIST', payload: { category: 'fp' } }}
-    >
-      FP
-    </NavLink>
-
     <div style={{ height: 14 }} />
 
     <NavLink

From dbd75fa511cdbc1badb78ac59772e154d9d92751 Mon Sep 17 00:00:00 2001
From: anish <anish@localhost.localdomain>
Date: Fri, 13 Oct 2017 14:31:03 +1100
Subject: [PATCH 2/2] Adding css

---
 src/css/DatetimePick.css  | 27 +++++++++++++++++++++++++++
 src/css/MeetingAgenda.css | 14 ++++++++++++++
 src/css/MeetingTable.css  | 25 +++++++++++++++++++++++++
 3 files changed, 66 insertions(+)
 create mode 100644 src/css/DatetimePick.css
 create mode 100644 src/css/MeetingAgenda.css
 create mode 100644 src/css/MeetingTable.css

diff --git a/src/css/DatetimePick.css b/src/css/DatetimePick.css
new file mode 100644
index 0000000..b42e724
--- /dev/null
+++ b/src/css/DatetimePick.css
@@ -0,0 +1,27 @@
+.datetimePicker {
+  display: inline-block;
+  width: 250px;
+  margin-bottom: 0;
+  margin-left: 4%;
+  &.input-append, &.input-prepend {
+    font-size: inherit; /* override bootstrap2 insanity */
+  }
+
+  .rdt {
+    display: inline-block;
+
+    .form-control {
+      border-radius: 0;
+    }
+
+    .rdtPicker {
+      .rdtSwitch, .rdtTimeToggle {
+        background-color: #f8f8f8;
+
+        &:hover {
+          background-color: #eee;
+        }
+      }
+    }
+  }
+}
diff --git a/src/css/MeetingAgenda.css b/src/css/MeetingAgenda.css
new file mode 100644
index 0000000..5f4498e
--- /dev/null
+++ b/src/css/MeetingAgenda.css
@@ -0,0 +1,14 @@
+.meetingAgenda {
+  
+}
+
+.meetingDateDiv  {
+   margin-top: 5%;
+   margin-left: 15%;
+}
+
+.meetingTableWrapper {
+   margin: 1%
+}
+
+
diff --git a/src/css/MeetingTable.css b/src/css/MeetingTable.css
new file mode 100644
index 0000000..196ece2
--- /dev/null
+++ b/src/css/MeetingTable.css
@@ -0,0 +1,25 @@
+.meetingTable {
+ 
+}
+
+.meetingRows {
+    margin-left: 18%;
+    padding: 1%;
+}
+
+.meetingLabels {
+    margin-right: 1%;
+    padding: 1%;
+}
+.meetingPoint {
+  
+}
+
+.meetingShortDesc {
+
+}
+
+.meetingVotes {
+
+}
+    
