CSS Overflow fixed

public/electron.js

@@ -17,7 +17,9 @@ function createWindow () {
   mainWindow = new BrowserWindow({
       width: 800,
       height: 600,
-      icon: path.join(__dirname, 'ressources/icons/png/64x64.png')
+      icon: path.join(__dirname, 'ressources/icons/png/64x64.png'),
+      minWidth: 150,
+      minHeight: 350
   });
 
   // and load the index.html of the app.

src/components/home/home.css

@@ -13,7 +13,7 @@
     right: 0;
     opacity:  0.5;
 }
-#main {
+#allsets {
     text-align: center;
 }
 /* SETS */

src/components/home/index.js

@@ -68,7 +68,7 @@ class Addset extends Component {
     }
     getfile() {
         var fileNames = logic.get();
-        if(fileNames != undefined){
+        if(fileNames !== undefined){
             this.setState({
                 setpath: fileNames[0]
             });
@@ -194,7 +194,7 @@ function App() {
           <header id="header">
               <h2>Sets</h2>
           </header>
-          <section id="main" className="container">
+          <section id="allsets" className="container">
               <Allsets />
           </section>
       </div>

src/components/oneset/index.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import * as Mousetrap from 'mousetrap'
 import './oneset.css';
+import './markdown.css';
 import { Link, Redirect } from 'react-router-dom'
 import * as mypouch from '../../pouch.js';
 
@@ -51,19 +52,19 @@ class Card extends Component {
     render() {
         return (
             <div>
-                <div className="cardside frontside"
+                <div className="container cardside" id="frontside"
                     onClick={() => this.hide()}>
                     <h4 dangerouslySetInnerHTML={{__html: this.props.cards[this.state.index].f}}>
                     </h4>
                 </div>
                 {
                     (!this.state.hidden)? (
-                        <div className="cardside backside">
-                            <div id="backcardcontainer" dangerouslySetInnerHTML={{__html: this.props.cards[this.state.index].b}}></div>
+                        <div className="cardside container" id="backside">
+                            <div className="innercard markdown-body" dangerouslySetInnerHTML={{__html: this.props.cards[this.state.index].b}}></div>
                         </div>
                     ) : (null)
                 }
-                <div>
+                <div id="arrow-container">
                     <a className="fa fa-arrow-left fa-lg arrows"
                         aria-hidden="true"
                         onClick={() => this.backward()}></a>