Fixed .gitignore not ignoring db/kb symlinks, word-breaking causing

weird spacing in pre, and non-fixed column sizing on new/edit doc page

.gitignore

@@ -115,5 +115,5 @@ $RECYCLE.BIN/
 
 # Others
 lib/
-db/
-kb/
+db
+kb

comps/MngDoc.js

@@ -103,10 +103,10 @@ export default class MngDoc extends Component {
     return(
       <Page>
         <div className='row fill' style={rowStyle}>
-          <div className='column'>
+          <div className='column column-50'>
             <Markdown className='fill Markdown' source={md} />
           </div>
-          <div className='column'>
+          <div className='column column-50'>
             <div className='row'>
               <div className='column column-60'>
                 <input type='text' maxLength={250} 

comps/PaddedRow.js

@@ -1,7 +1,7 @@
 const PaddedRow = ({ children, amount, vCenter }) => {
   amount = amount || 20; 
   const PadItem = () => (
-    <div className={'column column-' + amount + ' no-mob'} />
+    <div className={'column column-' + amount + ' nomob'} />
   ); 
   let rowProps = {className: 'row'}; 
   if(vCenter) rowProps = {className: 'row v-center'};

styles/style.sass

@@ -17,7 +17,6 @@ body, code, pre
 
 pre, code
   font-size: 1.5rem; 
-  word-break: break-all;
 
 input, textarea, select, button, 
 .button, .cm-s-monokai.CodeMirror
@@ -89,14 +88,13 @@ a
   padding: 10px; 
   p, pre
     word-wrap: break-word;
-    word-break: break-all;
 
 .v-center
   min-height: calc(100vh - 55px - 50px - 20px); 
   flex-direction: row; 
   align-items: center; 
 
-.no-mob
+.nomob
   display: none !important; 
 
 .inline
@@ -116,6 +114,10 @@ a
   pre
     margin-bottom: 2.5rem
 
+@media screen and (max-width: 639px)
+  .row .column.column-50
+    max-width: 100%
+
 @media screen and (min-width: 640px)
-  .no-mob
+  .nomob
     display: block !important;