change project privacy

app/partials/admin/admin-project-profile.jade

@@ -40,11 +40,11 @@ div.wrapper(tg-project-profile, ng-controller="ProjectProfileController as ctrl"
             tg-privacy-settings-inputs
                 div.privacy-settings
                     div
-                        input.hidden(type="radio", disabled="disabled")
+                        input.privacy-project(type="radio", name="private-project", ng-model="project.is_private", ng-value="false")
                         label.trans-button(for="public-project")
                             span Public Project
                     div
-                        input.hidden(type="radio", checked="checked", disabled="disabled")
+                        input.privacy-project(type="radio", name="private-project", ng-model="project.is_private", ng-value="true")
                         label.trans-button(for="private-project")
                             span Private Project
 

app/styles/modules/admin/admin-project-profile.scss

@@ -21,14 +21,15 @@
     .privacy-settings {
         display: flex;
         margin-bottom: 2rem;
-        div {
+        > div {
             flex-basis: 0;
             flex-grow: 1;
+            overflow: hidden;
+            position: relative;
             &:first-child {
                 margin-right: .5rem;
             }
         }
-        // TODO: This should change when public projects available
         label {
             @extend %title;
             border: 1px solid $gray-light;
@@ -39,14 +40,22 @@
             span {
                 color: $gray-light;
             }
-            // &:hover {
-            //     border: 1px solid $fresh-taiga;
-            // }
         }
-        input:checked+label {
+    }
+    .privacy-project {
+        cursor: pointer;
+        height: 500px;
+        left: -10px;
+        opacity: 0;
+        position: absolute;
+        top: -10px;
+        width: 500px;
+        z-index: 999;
+    }
+    .privacy-project:checked {
+        + label {
             background: $fresh-taiga;
             border: 1px solid $fresh-taiga;
-            cursor: default;
             span {
                 color: $white;
             }