Ups

App.js

@@ -177,6 +177,17 @@ export default class App extends React.Component {
   }
   render(){
   let currentView2 = CS.render();  
+  /*console.log("TESTING @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ")
+  let view = Object.keys(CS.ViewSystem.views)[1]
+  let testingView = CS.ViewSystem.views[view]
+  let testingNode = testingView.ViewTree.nodes[Object.keys(testingView.ViewTree.nodes)[1]];
+  console.log(Object.keys(testingView.ViewTree.nodes))
+  console.log(testingNode)
+  //console.log(testingNode)
+  let prevNode = testingView.getBefore(testingNode)
+  console.log("prev node is",prevNode)
+ // Object.keys(CS.ViewSystem.views).map((key) => console.log(CS.ViewSystem.views[key]))
+  console.log("TESTING @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@")*/
   return (
     <Div>
       <Div>{currentView2}</Div>

dist/rules/Universal.css

@@ -33,4 +33,14 @@ Image > Text {
 Image > * {
 	justifyContent: center;
 	alignSelf: center;
+}
+
+
+Badge - Button {
+	width: 10;
+}
+
+
+Badge + Button {
+	paddingTop: 100; 
 }

src/lib/systems/ViewSystem.js

@@ -252,6 +252,31 @@ export class View {
 		return this.ViewTree.getChildren(node);
 	}
 
+
+	getBefore(node){
+		let DepthNodes = this.ViewTree.levels[node.depth]
+		DepthNodes = Array.from(DepthNodes);
+		let nodeIndex = DepthNodes.indexOf(node.id);
+		if(DepthNodes[nodeIndex - 1]){
+			return this.ViewTree.nodes[DepthNodes[nodeIndex - 1]]
+		}else{
+			return null;
+		}
+	}	
+
+
+	getAfter(node){
+		let DepthNodes = this.ViewTree.levels[node.depth]
+		DepthNodes = Array.from(DepthNodes);
+		let nodeIndex = DepthNodes.indexOf(node.id);
+		if(DepthNodes[nodeIndex + 1]){
+			return this.ViewTree.nodes[DepthNodes[nodeIndex + 1]]
+		}else{
+			return null;
+		}		
+	}
+
+
 	import(data, parentNode) {
 		let { tree, ghosts } = data;
 		if(!parentNode)

src/rules/Universal.css

@@ -33,4 +33,14 @@ Image > Text {
 Image > * {
 	justifyContent: center;
 	alignSelf: center;
+}
+
+
+Badge - Button {
+	width: 10;
+}
+
+
+Badge + Button {
+	paddingTop: 100; 
 }