css

app/static/css/style.css

@@ -184,14 +184,15 @@ font-size: 12px;
 }
 
 .ui-tabs-vertical { width: 100em; border-top: 0;}
-.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 12em; }
+.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 15em; }
 .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0 !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
 .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
-.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 0; background-color: #A9A9A9}
+.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 0; background-color: #A9A9A9 !important;}
 .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 50em; font-size: 12px;}
 #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
 #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
 
+
 #newstext{
   width: 100%;
   margin: 0;
@@ -307,3 +308,19 @@ box-sizing: border-box;
   font-size: 16px;
   font-style: italic;
 }
+
+.widget {
+  resize: both;
+  overflow: hidden;
+  width: 300px;
+  height: 300px;
+  display: inline-block;
+
+}
+
+.widget iframe {
+
+  width: 100%;
+  height: 100%;
+  border: none;
+}