Fixed tiddler styling issues

core/modules/macros/tiddler.js

@@ -114,7 +114,7 @@ exports.executeMacro = function() {
 	}
 	// Set up the attributes for the wrapper element
 	var attributes = {
-		"class": ["tw-tiddler-frame"]
+		"class": []
 	};
 	if(!this.wiki.tiddlerExists(renderTitle)) {
 		attributes["class"].push("tw-tiddler-missing");

core/styles/tiddlywiki.css

@@ -5837,7 +5837,7 @@ Tiddler styles
 }
 
 @media (min-width: 767px) {
-  .tw-story-element {
+  .tw-tiddler-frame {
     padding: 30px 30px 30px 30px;
     margin: 30px 5px 30px 5px;
     background-color: #fff;
@@ -5854,7 +5854,7 @@ Tiddler styles
   
 }
 
-.tw-story-element .body {
+.tw-tiddler-frame .body {
   margin-top: 12px;
 }
 

core/templates/ViewTemplate.tid

@@ -1,7 +1,8 @@
 title: $:/templates/ViewTemplate
 modifier: JeremyRuston
 
-<div class="title"> 
+<div class="tw-tiddler-frame">
+<div class="title">
 	<span><<view title>></span> <span> <<reveal state:[[$:/EditMode]] type:match text:yes>< <<button EditTiddler class:"btn-invisible"><[img[$:/core/images/edit-button.svg]]>> >> </span>
 	<<button close class:"btn-invisible pull-right"><[img[$:/core/images/close-button.svg]]>>
 </div>
@@ -14,3 +15,4 @@ modifier: JeremyRuston
 <div class="body">
 	<<view text wikified>>
 </div>
+</div>

cssbuild/tiddlywiki.less

@@ -61,7 +61,7 @@ Tiddler styles
 
 @media (min-width: 767px) {
 
-.tw-story-element {
+.tw-tiddler-frame {
 	padding: 30px 30px 30px 30px;
 	margin: 30px 5px 30px 5px;
 	.box-shadow(1px 1px 6px rgba(0,0,0,0.4));
@@ -80,7 +80,7 @@ body {
 
 }
 
-.tw-story-element .body {
+.tw-tiddler-frame .body {
 	margin-top: 12px;
 }